diff --git a/BUILD.gn b/BUILD.gn
index 9e3164720c9ebc438e035f6f5a00f2f3374a032c..6bc4bf42765efe5104d10bbaa66da51d1f6b62f7 100644
--- a/BUILD.gn
+++ b/BUILD.gn
@@ -18,6 +18,7 @@ import("//build/templates/metadata/module_info.gni")
 ohos_copy("ets_internal_api") {
   sources = [
     "api/@internal/ets/index.d.ts",
+    "api/@internal/ets/lifecycle.d.ts",
     "api/@internal/global.d.ts",
   ]
   outputs = [ target_out_dir + "/$target_name/{{source_file_part}}" ]
@@ -31,36 +32,42 @@ ohos_copy("ets_component") {
     "api/@internal/component/ets/alert_dialog.d.ts",
     "api/@internal/component/ets/alphabet_indexer.d.ts",
     "api/@internal/component/ets/animator.d.ts",
+    "api/@internal/component/ets/badge.d.ts",
     "api/@internal/component/ets/blank.d.ts",
     "api/@internal/component/ets/button.d.ts",
     "api/@internal/component/ets/calendar.d.ts",
-    "api/@internal/component/ets/camera.d.ts",
     "api/@internal/component/ets/circle.d.ts",
     "api/@internal/component/ets/column.d.ts",
     "api/@internal/component/ets/column_split.d.ts",
     "api/@internal/component/ets/common.d.ts",
     "api/@internal/component/ets/counter.d.ts",
     "api/@internal/component/ets/custom_dialog_controller.d.ts",
-    "api/@internal/component/ets/datapanel.d.ts",
+    "api/@internal/component/ets/data_panel.d.ts",
+    "api/@internal/component/ets/date_picker.d.ts",
     "api/@internal/component/ets/divider.d.ts",
     "api/@internal/component/ets/ellipse.d.ts",
+    "api/@internal/component/ets/enums.d.ts",
     "api/@internal/component/ets/flex.d.ts",
     "api/@internal/component/ets/forEach.d.ts",
     "api/@internal/component/ets/form_component.d.ts",
-    "api/@internal/component/ets/geometryView.d.ts",
+    "api/@internal/component/ets/gauge.d.ts",
+    "api/@internal/component/ets/geometry_view.d.ts",
     "api/@internal/component/ets/gesture.d.ts",
     "api/@internal/component/ets/grid.d.ts",
     "api/@internal/component/ets/gridItem.d.ts",
     "api/@internal/component/ets/grid_container.d.ts",
+    "api/@internal/component/ets/hyperlink.d.ts",
     "api/@internal/component/ets/image.d.ts",
     "api/@internal/component/ets/image_animator.d.ts",
     "api/@internal/component/ets/index.d.ts",
     "api/@internal/component/ets/lazyForEach.d.ts",
+    "api/@internal/component/ets/line.d.ts",
     "api/@internal/component/ets/list.d.ts",
     "api/@internal/component/ets/listItem.d.ts",
-    "api/@internal/component/ets/loadingProgress.d.ts",
+    "api/@internal/component/ets/loading_progress.d.ts",
+    "api/@internal/component/ets/marquee.d.ts",
+    "api/@internal/component/ets/navigation.d.ts",
     "api/@internal/component/ets/navigator.d.ts",
-    "api/@internal/component/ets/navigatorView.d.ts",
     "api/@internal/component/ets/pageTransition.d.ts",
     "api/@internal/component/ets/panel.d.ts",
     "api/@internal/component/ets/path.d.ts",
@@ -72,9 +79,11 @@ ohos_copy("ets_component") {
     "api/@internal/component/ets/radio.d.ts",
     "api/@internal/component/ets/rating.d.ts",
     "api/@internal/component/ets/rect.d.ts",
+    "api/@internal/component/ets/refresh.d.ts",
     "api/@internal/component/ets/row.d.ts",
     "api/@internal/component/ets/row_split.d.ts",
     "api/@internal/component/ets/scroll.d.ts",
+    "api/@internal/component/ets/search.d.ts",
     "api/@internal/component/ets/shape.d.ts",
     "api/@internal/component/ets/slider.d.ts",
     "api/@internal/component/ets/span.d.ts",
@@ -84,8 +93,13 @@ ohos_copy("ets_component") {
     "api/@internal/component/ets/tab_content.d.ts",
     "api/@internal/component/ets/tabs.d.ts",
     "api/@internal/component/ets/text.d.ts",
+    "api/@internal/component/ets/text_area.d.ts",
+    "api/@internal/component/ets/text_input.d.ts",
+    "api/@internal/component/ets/text_picker.d.ts",
     "api/@internal/component/ets/toggle.d.ts",
+    "api/@internal/component/ets/units.d.ts",
     "api/@internal/component/ets/video.d.ts",
+    "api/@internal/component/ets/web.d.ts",
   ]
   outputs = [ target_out_dir + "/$target_name/{{source_file_part}}" ]
   module_source_dir = target_out_dir + "/$target_name"
@@ -111,9 +125,7 @@ ohos_copy("common_api") {
     "api/common/@system.prompt.d.ts",
     "api/common/@system.request.d.ts",
     "api/common/@system.router.d.ts",
-    "api/common/@system.sensor.d.ts",
     "api/common/@system.storage.d.ts",
-    "api/common/@system.vibrator.d.ts",
   ]
   outputs = [ target_out_dir + "/$target_name/{{source_file_part}}" ]
   module_source_dir = target_out_dir + "/$target_name"
diff --git a/README.md b/README.md
deleted file mode 100644
index 5c6f8b5693c4c30bd71c14bcc690392f47b74686..0000000000000000000000000000000000000000
--- a/README.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# Public JS API Repository<a name="EN-US_TOPIC_0000001151209521"></a>
-
--   [Introduction](#section11660541593)
-
-## Introduction<a name="section11660541593"></a>
-
-This repository is used to submit  **d.ts**  declaration files of JS APIs.
-
diff --git a/api/@internal/component/ets/ability_component.d.ts b/api/@internal/component/ets/ability_component.d.ts
index 06bb6c2d78768190c05f83dd9c480b34b64f9897..6375574cc39f560f6a56539ff71a1e00758b4385 100644
--- a/api/@internal/component/ets/ability_component.d.ts
+++ b/api/@internal/component/ets/ability_component.d.ts
@@ -13,24 +13,95 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
-import {Want} from "../../../ability/want";
+import { CommonMethod } from "./common";
+import { Want } from "../api/common/ability/want";
 
+/**
+ * controller of ability.
+ * @since 7
+ * @systemapi
+ */
 export declare class AbilityController {
-    constructor();
-    startAbility(value: Want);
-    performBackPress();
-    getStackCount();
+  /**
+   * constructor.
+   */
+  constructor();
+
+  /**
+   * load the ability in the AbilityComponent.
+   * Want: Capability description to be loaded
+   */
+  startAbility(value: Want);
+
+  /**
+   * Perform a return operation inside the AbilityComponent.
+   */
+  performBackPress();
+
+  /**
+   * Obtains the number of tasks in the internal task stack of the AbilityComponent.
+   */
+  getStackCount();
+}
+
+/**
+ * AbilityComponent constructor params.
+ * @since 7
+ * @systemapi
+ */
+export declare interface AbilityComponentOptions {
+  /**
+   * Capability description to be loaded.
+   */
+  want: Want;
+
+  /**
+   * controller: Ability Controller.
+   */
+  controller?: AbilityController;
 }
 
-interface AbilityComponent extends CommonMethod<AbilityComponent> {
-  (value: { want: Want, controller?: AbilityController }): AbilityComponent;
+/**
+ * AbilityComponent inheritance abilitycomponentattribute.
+ * @since 7
+ * @systemapi
+ */
+interface AbilityComponent extends AbilityComponentAttribute<AbilityComponent> {
+  (value: AbilityComponentOptions): AbilityComponent;
+}
+
+/**
+ * The attribute of ability.
+ * @since 7
+ * @systemapi
+ */
+declare class AbilityComponentAttribute<T> extends CommonMethod<T> {
+  /**
+   * Callback when the abilityComponent environment starts up, after which the abilityController methods can be used.
+   */
+  onReady(event: () => void): T;
+
+  /**
+   * Callback when the abilityComponent environment is destroyed.
+   */
+  onDestroy(event: () => void): T;
+
+  /**
+   * This event is triggered when the abilityComponent loads the mobility. Name indicates the Ability name.
+   */
+  onAbilityCreated(event: (name: string) => void): T;
+
+  /**
+   * Internal to the AbilityComponent, which is triggered when the Ability moves to the foreground.
+   */
+  onAbilityMoveToFront(event: () => void): T;
 
-  onReady(event: () => void): AbilityComponent;
-  onDestroy(event: () => void): AbilityComponent;
-  onAbilityCreated(event: (name: string) => void): AbilityComponent;
-  onAbilityMoveToFront(event: () => void): AbilityComponent;
-  onAbilityWillRemove(event: () => void): AbilityComponent;
+  /**
+   * Internal to the AbilityComponent, which is triggered before the Mobility is removed.
+   */
+  onAbilityWillRemove(event: () => void): T;
 }
 
+// Used for IDE.
+export declare class AbilityComponentExtend<T> extends AbilityComponentAttribute<T> {}
 export declare const AbilityComponentInterface: AbilityComponent;
diff --git a/api/@internal/component/ets/alert_dialog.d.ts b/api/@internal/component/ets/alert_dialog.d.ts
index 620f47db15360d2d22437bfdba9591eda0e3cfa9..632988ed228461bbdb926bb7990f4400a2e10448 100644
--- a/api/@internal/component/ets/alert_dialog.d.ts
+++ b/api/@internal/component/ets/alert_dialog.d.ts
@@ -13,32 +13,193 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Resource} from "./common"
-
-interface AlertDialog extends CommonMethod<AlertDialog> {
-    show(value: {
-        title?: string | Resource;
-        message: string | Resource;
-        autoCancel?: boolean;
-        confirm?: {
-            value: string | Resource;
-            action: () => void;
-        };
-        cancel?: () => void;
-    } | {
-        title?: string | Resource;
-        message: string | Resource;
-        autoCancel?: boolean;
-        primaryButton: {
-            value: string | Resource;
-            action: () => void;
-        };
-        secondaryButton: {
-            value: string | Resource;
-            action: () => void;
-        };
-        cancel?: () => void;
-    });
+import { ResourceColor } from ".";
+import { Offset, ResourceStr } from "./units";
+
+/**
+ * The alignment of dialog,
+ * @since 7
+ */
+export declare enum DialogAlignment {
+  /**
+   * Vertical top alignment.
+   * @since 7
+   */
+  Top,
+
+  /**
+   * Align vertically to the center.
+   * @since 7
+   */
+  Center,
+
+  /**
+   * Vertical bottom alignment.
+   * @since 7
+   */
+  Bottom,
+
+  /**
+   * Default alignment.
+   * @since 7
+   */
+  Default,
+}
+
+/**
+ * Base param used for AlertDialog.show method.
+ * @since 7
+ */
+export declare interface AlertDialogParam {
+  /**
+   * Title Properties
+   * @since 7
+   */
+  title?: ResourceStr;
+
+  /**
+   * message Properties
+   * @since 7
+   */
+  message: ResourceStr;
+
+  /**
+   * Allows users to click the mask layer to exit.
+   * @since 7
+   */
+  autoCancel?: boolean;
+
+  /**
+   * Execute Cancel Function.
+   * @since 7
+   */
+  cancel?: () => void;
+
+  /**
+   * Alignment in the vertical direction.
+   * @since 7
+   */
+  alignment?: DialogAlignment;
+
+  /**
+   * Offset of the pop-up window relative to the alignment position.
+   * @since 7
+   */
+  offset?: Offset;
+
+  /**
+   * Grid count of dialog.
+   * @since 7
+   */
+  gridCount?: number;
 }
 
-export declare const AlertDialogInterface: AlertDialog;
+/**
+ * Defines the AlertDialog with confirm button.
+ * @since 7
+ */
+export declare interface AlertDialogParamWithConfirm extends AlertDialogParam {
+  /**
+   * Invoke the commit function.
+   * @since 7
+   */
+  confirm?: {
+    /**
+     * Text content of the confirmation button.
+     * @since 7
+     */
+    value: ResourceStr;
+
+    /**
+     * Text color of the confirmation button.
+     * @since 7
+     */
+    fontColor?: ResourceColor;
+
+    /**
+     * Backgound color of the confirmation button.
+     * @since 7
+     */
+    backgroundColor?: ResourceColor;
+
+    /**
+     * Method executed by the callback.
+     * @since 7
+     */
+    action: () => void;
+  };
+}
+
+export declare interface AlertDialogParamWithButtons extends AlertDialogParam {
+  /**
+   * First button.
+   * @since 7
+   */
+  primaryButton: {
+    /**
+     * Text content of the confirmation button.
+     * @since 7
+     */
+    value: ResourceStr;
+
+    /**
+     * Text color of the confirmation button.
+     * @since 7
+     */
+    fontColor?: ResourceColor;
+
+    /**
+     * Backgound color of the confirmation button.
+     * @since 7
+     */
+    backgroundColor?: ResourceColor;
+
+    /**
+     * Method executed by the callback.
+     * @since 7
+     */
+    action: () => void;
+  };
+
+  /**
+   * Second button.
+   * @since 7
+   */
+  secondaryButton: {
+    /**
+     * Text content of the confirmation button.
+     * @since 7
+     */
+    value: ResourceStr;
+
+    /**
+     * Text color of the confirmation button.
+     * @since 7
+     */
+    fontColor?: ResourceColor;
+
+    /**
+     * Backgound color of the confirmation button.
+     * @since 7
+     */
+    backgroundColor?: ResourceColor;
+
+    /**
+     * Method executed by the callback.
+     * @since 7
+     */
+    action: () => void;
+  };
+}
+
+/**
+ * Defines AlertDialog which uses show method to show alert dialog.
+ * @since 7
+ */
+export declare class AlertDialog {
+  /**
+   * Invoking method display.
+   * @since 7
+   */
+  static show(value: AlertDialogParamWithConfirm | AlertDialogParamWithButtons);
+}
diff --git a/api/@internal/component/ets/alphabet_indexer.d.ts b/api/@internal/component/ets/alphabet_indexer.d.ts
index db74e50e4cf284eb1cde57d1d6ff21a9f618c22a..57aa49bc45496317188e5d3510b2ced89af72bb8 100644
--- a/api/@internal/component/ets/alphabet_indexer.d.ts
+++ b/api/@internal/component/ets/alphabet_indexer.d.ts
@@ -13,40 +13,117 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, Resource} from "./common";
-import {FontWeight, FontStyle} from "./text";
+import { CommonMethod } from "./common";
+import { ResourceColor, Font } from "./units";
 
+/**
+ * indexer align property.
+ * @since 7
+ */
 export declare enum IndexerAlign {
-    Left,
-    Right
+  /**
+   * A dialog box is displayed on the right of the index bar.
+   * @since 7
+   */
+  Left,
+
+  /**
+   * A dialog box is displayed on the left of the index bar.
+   * @since 7
+   */
+  Right,
 }
 
-interface AlphabetIndexer extends CommonMethod<AlphabetIndexer> {
-  (value: {ArrayValue : Array<string>, selected : number}): AlphabetIndexer;
-
-  onSelected(event: (index: number) => void): AlphabetIndexer;
-
-  color(value: Color | number | string | Resource): AlphabetIndexer;
-
-  selectedColor(value: Color | number | string | Resource): AlphabetIndexer;
-
-  popupColor(value: Color | number | string | Resource): AlphabetIndexer;
-
-  selectedBackgroundColor(value: Color | number | string | Resource): AlphabetIndexer;
-
-  popupBackground(value: Color | number | string | Resource): AlphabetIndexer;
-
-  usingPopup(value: boolean): AlphabetIndexer;
-
-  selectedFont(value: { size?: number, weight?: FontWeight, family?: string, style?: FontStyle}): AlphabetIndexer;
-
-  popupFont(value: { size?: number, weight?: FontWeight, family?: string, style?: FontStyle}): AlphabetIndexer;
-
-  iteamSize(value: string | number): AlphabetIndexer;
-
-  font(value: { size?: number, weight?: FontWeight, family?: string, style?: FontStyle}): AlphabetIndexer;
+/**
+ * Alphabet index bar.
+ * @since 7
+ */
+interface AlphabetIndexer extends AlphabetIndexerAttribute<AlphabetIndexer> {
+  /**
+   * ArrayValue: Alphabetical index string array.
+   * selected: ID of the selected item.
+   * @since 7
+   */
+  (value: { arrayValue: Array<string>; selected: number }): AlphabetIndexer;
+}
 
-  alignStyle(value: IndexerAlign): AlphabetIndexer;
+/**
+ * Defines the alphabet index bar attribute functions.
+ * @since 7
+ */
+declare class AlphabetIndexerAttribute<T> extends CommonMethod<T> {
+  /**
+   * Index bar selection callback.
+   * @since 7
+   */
+  onSelected(event: (index: number) => void): T;
+
+  /**
+   * Definitions color.
+   * @since 7
+   */
+  color(value: ResourceColor): T;
+
+  /**
+   * Select the text color.
+   * @since 7
+   */
+  selectedColor(value: ResourceColor): T;
+
+  /**
+   * Font color of the pop-up prompt text.
+   * @since 7
+   */
+  popupColor(value: ResourceColor): T;
+
+  /**
+   * Select the text background color.
+   * @since 7
+   */
+  selectedBackgroundColor(value: ResourceColor): T;
+
+  /**
+   * Background color of the pop-up window index.
+   * @since 7
+   */
+  popupBackground(value: ResourceColor): T;
+
+  /**
+   * Whether to use pop-up index hints.
+   * @since 7
+   */
+  usingPopup(value: boolean): T;
+
+  /**
+   * Select the text text style,
+   * @since 7
+   */
+  selectedFont(value: Font): T;
+
+  /**
+   * Select the text background color.
+   * @since 7
+   */
+  popupFont(value: Font): T;
+
+  /**
+   * Size of the letter area on the letter index bar. The letter area is a square. Set the length of the square side.
+   * @since 7
+   */
+  itemSize(value: string | number): T;
+
+  /**
+   * Definitions fonts.
+   * @since 7
+   */
+  font(value: Font): T;
+
+  /**
+   * Alphabet index bar alignment style. The left and right alignment styles are supported, which affects the pop-up position of the pop-up window.
+   * @since 7
+   */
+  alignStyle(value: IndexerAlign): T;
 }
 
 export declare const AlphabetIndexerInterface: AlphabetIndexer;
+export declare class AlphabetIndexerExtend<T> extends AlphabetIndexerAttribute<T> {}
diff --git a/api/@internal/component/ets/animator.d.ts b/api/@internal/component/ets/animator.d.ts
index 5b2b585be9b07839347aa037032d62c593f87dc0..55c27f5f673644ef8c0e040663572119fc1bdb29 100644
--- a/api/@internal/component/ets/animator.d.ts
+++ b/api/@internal/component/ets/animator.d.ts
@@ -13,54 +13,183 @@
  * limitations under the License.
  */
 
-import {CommonMethod, AnimationStatus, Curve, FillMode, PlayMode} from "./common";
+import { CommonMethod } from "./common";
+import { AnimationStatus, Curve, FillMode, PlayMode } from "./enums";
 
+/**
+ * Customize spring properties.
+ * @since 7
+ * @systemapi
+ */
 export declare class SpringProp {
-    constructor(mass: number, stiffness: number, damping: number): SpringProp;
+  /**
+   * Constructor parameters
+   * @since 7
+   * @systemapi
+   */
+  constructor(mass: number, stiffness: number, damping: number);
 }
 
+/**
+ * Spring animation model. You can build a spring animation based on the start point, end point, initial speed, and spring attributes.
+ * @since 7
+ * @systemapi
+ */
 export declare class SpringMotion {
-    constructor(start: number, end: number, velocity: number, prop: SpringProp): SpringMotion;
+  /**
+   * Constructor parameters
+   * @since 7
+   * @systemapi
+   */
+  constructor(start: number, end: number, velocity: number, prop: SpringProp);
 }
 
+/**
+ * Friction animation model. You can build friction animation by friction force, initial position, and initial velocity.
+ * @since 7
+ * @systemapi
+ */
 export declare class FrictionMotion {
-    constructor(friction: number, position: number, velocity: number): FrictionMotion;
+  /**
+   * Constructor parameters
+   * @since 7
+   * @systemapi
+   */
+  constructor(friction: number, position: number, velocity: number);
 }
 
+/**
+ * Rolling animation model: You can build rolling animation based on the initial position, initial speed, boundary position, and spring attributes.
+ * @since 7
+ * @systemapi
+ */
 export declare class ScrollMotion {
-    constructor(position: number, velocity: number, min: number, max: number, prop: SpringProp): ScrollMotion;
+  /**
+   * Constructor parameters
+   * @since 7
+   * @systemapi
+   */
+  constructor(position: number, velocity: number, min: number, max: number, prop: SpringProp);
 }
 
-interface Animator extends CommonMethod<Animator> {
-    (value: string): Animator;
-
-    state(value: AnimationStatus): Animator;
-
-    duration(value: number): Animator;
-
-    curve(value: Curve): Animator;
-
-    delay(value: number): Animator;
-
-    fillMode(value: FillMode): Animator;
-
-    iterations(value: number): Animator;
-
-    playMode(value: PlayMode): Animator;
-
-    motion(value: Motion): Animator;
-
-    onStart(event: () => void): Animator;
-
-    onPause(event: () => void): Animator;
-
-    onRepeat(event: () => void): Animator;
-
-    onCancel(event: () => void): Animator;
-
-    onFinish(event: () => void): Animator;
+/**
+ * Defines Animtor.
+ * @since 7
+ * @systemapi
+ */
+interface Animator extends AnimatorAttribute<Animator> {
+  /**
+   * Constructor parameters
+   * @since 7
+   * @systemapi
+   */
+  (value: string): Animator;
+}
 
-    onFrame(event: (value: number) => void): Animator;
+/**
+ * Defines AnimatorAttribute.
+ * @since 7
+ * @systemapi
+ */
+declare class AnimatorAttribute<T> extends CommonMethod<T> {
+  /**
+   * Controls the playback status. The default value is the initial state.
+   * @since 7
+   * @systemapi
+   */
+  state(value: AnimationStatus): T;
+
+  /**
+   * Animation duration, in milliseconds.
+   * @since 7
+   * @systemapi
+   */
+  duration(value: number): T;
+
+  /**
+   * Animation curve, default to linear curve
+   * @since 7
+   * @systemapi
+   */
+  curve(value: Curve): T;
+
+  /**
+   * Delayed animation playback duration, in milliseconds. By default, the animation is not delayed.
+   * @since 7
+   * @systemapi
+   */
+  delay(value: number): T;
+
+  /**
+   * Sets the state before and after the animation starts.
+   * @since 7
+   * @systemapi
+   */
+  fillMode(value: FillMode): T;
+
+  /**
+   * The default playback is once. If the value is -1, the playback is unlimited.
+   * @since 7
+   * @systemapi
+   */
+  iterations(value: number): T;
+
+  /**
+   * Sets the animation playback mode. By default, the animation starts to play again after the playback is complete.
+   * @since 7
+   * @systemapi
+   */
+  playMode(value: PlayMode): T;
+
+  /**
+   * Configure the physical animation algorithm.
+   * @since 7
+   * @systemapi
+   */
+  motion(value: SpringMotion | FrictionMotion | ScrollMotion): T;
+
+  /**
+   * Status callback, which is triggered when the animation starts to play.
+   * @since 7
+   * @systemapi
+   */
+  onStart(event: () => void): T;
+
+  /**
+   * Status callback, triggered when the animation pauses.
+   * @since 7
+   * @systemapi
+   */
+  onPause(event: () => void): T;
+
+  /**
+   * Status callback, triggered when the animation is replayed.
+   * @since 7
+   * @systemapi
+   */
+  onRepeat(event: () => void): T;
+
+  /**
+   * Status callback, which is triggered when the animation is canceled.
+   * @since 7
+   * @systemapi
+   */
+  onCancel(event: () => void): T;
+
+  /**
+   * Status callback, which is triggered when the animation playback is complete.
+   * @since 7
+   * @systemapi
+   */
+  onFinish(event: () => void): T;
+
+  /**
+   * The callback input parameter is the interpolation during animation playback.
+   * @since 7
+   * @systemapi
+   */
+  onFrame(event: (value: number) => void): T;
 }
 
-export declare const AnimatorInterface: Animator;
\ No newline at end of file
+export declare class AnimatorExtend<T> extends AnimatorAttribute<T> {}
+export declare const AnimatorInterface: Animator;
diff --git a/api/@internal/component/ets/badge.d.ts b/api/@internal/component/ets/badge.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8b955feb71a2e526e139d3d2613d493cdc4ec93c
--- /dev/null
+++ b/api/@internal/component/ets/badge.d.ts
@@ -0,0 +1,152 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { CommonMethod } from "./common";
+import { ResourceColor } from "./units";
+
+/**
+ * Defines the badge position property.
+ * @since 7
+ */
+export declare enum BadgePosition {
+  /**
+   * The dot is displayed vertically centered on the right.
+   * @since 7
+   */
+  RightTop,
+
+  /**
+   * Dots are displayed in the upper right corner.
+   * @since 7
+   */
+  Right,
+
+  /**
+   * The dot is displayed in the left vertical center.
+   * @since 7
+   */
+  Left,
+}
+
+/**
+ * BadgeStyle object
+ * @since 7
+ */
+export declare interface BadgeStyle {
+  /**
+   * Text Color
+   * @since 7
+   */
+  color?: ResourceColor;
+
+  /**
+   * Text size.
+   * @since 7
+   */
+  fontSize?: number | string;
+
+  /**
+   * Size of a badge.
+   * @since 7
+   */
+  badgeSize?: number | string;
+
+  /**
+   * Color of the badge.
+   * @since 7
+   */
+  badgeColor?: ResourceColor;
+}
+
+/**
+ * Defines the base param of badge.
+ * @since 7
+ */
+export declare interface BadgeParam {
+  /**
+   * Set the display position of the prompt point.
+   * @since 7
+   */
+  position?: BadgePosition;
+
+  /**
+   * Defines the style of the Badge component, including the text color, size, dot color, and size.
+   * @since 7
+   */
+  style: BadgeStyle;
+}
+
+/**
+ * Defines the badge param with count and maxCount.
+ * @since 7
+ */
+export declare interface BadgeParamWithNumber extends BadgeParam {
+  /**
+   * Set the number of reminder messages.
+   * @since 7
+   */
+  count: number;
+
+  /**
+   * Maximum number of messages. If the number of messages exceeds the maximum, only maxCount+ is displayed.
+   * @since 7
+   */
+  maxCount?: number;
+}
+
+/**
+ * Defines the badge param with string value.
+ * @since 7
+ */
+export declare interface BadgeParamWithString extends BadgeParam {
+  /**
+   * Text string of the prompt content.
+   * @since 7
+   */
+  value: string;
+}
+
+/**
+ * Defines Badge Componrnt.
+ * @since 7
+ */
+interface Badge extends BadgeAttribute<Badge> {
+  /**
+   * position: Set the display position of the prompt point.
+   * maxCount: Maximum number of messages. If the number of messages exceeds the maximum, only maxCount+ is displayed.
+   * count: Set the number of reminder messages.
+   * style: You can set the style of the Badge component, including the text color, size, dot color, and size.
+   * @since 7
+   */
+  (value: BadgeParamWithNumber): Badge;
+
+  /**
+   * value: Text string of the prompt content.
+   * position: Set the display position of the prompt point.
+   * maxCount: Maximum number of messages. If the number of messages exceeds the maximum, only maxCount+ is displayed.
+   * style: You can set the style of the Badge component, including the text color, size, dot color, and size.
+   * @since 7
+   */
+  (value: BadgeParamWithString): Badge;
+}
+
+/**
+ * Defines Badge Componrnt attribute.
+ * @since 7
+ */
+declare class BadgeAttribute<T> extends CommonMethod<T> {}
+
+export declare class BadgeExtend<T> extends BadgeAttribute<T> {}
+export declare const BadgeInterface: Badge;
diff --git a/api/@internal/component/ets/blank.d.ts b/api/@internal/component/ets/blank.d.ts
index 91fcb25f9be5d7aedb4be61b2458ea3517049bbe..782cf284d358d31b6fe8f024728e09efd3114b4b 100644
--- a/api/@internal/component/ets/blank.d.ts
+++ b/api/@internal/component/ets/blank.d.ts
@@ -13,12 +13,32 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, Resource} from "./common"
+import { CommonMethod } from "./common";
+import { ResourceColor } from "./units";
 
-interface Blank extends CommonMethod<Blank> {
+/**
+ * Create Blank.
+ * @since 7
+ */
+interface Blank extends BlankAttribute<Blank> {
+  /**
+   * The minimum size of the blank fill assembly on the container spindle.
+   * @since 7
+   */
   (min?: number | string): Blank;
+}
 
-  color(value: Color | number | string | Resource): Blank;
+/**
+ * Inheritance CommonMethod Set Styles
+ * @since 7
+ */
+declare class BlankAttribute<T> extends CommonMethod<T> {
+  /**
+   * color: set color.
+   * @since 7
+   */
+  color(value: ResourceColor): T;
 }
 
-export declare const BlankInterface: Blank
\ No newline at end of file
+export declare class BlankExtend<T> extends BlankAttribute<T> {}
+export declare const BlankInterface: Blank;
diff --git a/api/@internal/component/ets/button.d.ts b/api/@internal/component/ets/button.d.ts
index a27720e294d7dac0d8792f5fd9b4207fd7ff487a..8eab0ed01ace07c182085ccdc22b55e3f2c48d3b 100644
--- a/api/@internal/component/ets/button.d.ts
+++ b/api/@internal/component/ets/button.d.ts
@@ -13,32 +13,111 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, Resource} from "./common"
-import {FontWeight} from "./text"
+import { CommonMethod } from "./common";
+import { FontWeight } from "./enums";
+import { Length, ResourceColor, ResourceStr } from "./units";
 
+/**
+ * Provides a button component.
+ * @since 7
+ */
 export declare enum ButtonType {
+  /**
+   * Capsule button (rounded corners default to half the height).
+   * @since 7
+   */
   Capsule,
+
+  /**
+   * Round buttons.
+   * @since 7
+   */
   Circle,
-  Arc,
-  Normal
+
+  /**
+   * Common button (no rounded corners by default).
+   * @since 7
+   */
+  Normal,
+}
+
+/**
+ * Defines the button options.
+ * @since 7
+ */
+export declare interface ButtonOption {
+  /**
+   * Describes the button style.
+   * @since 7
+   */
+  type?: ButtonType;
+
+  /**
+   * Indicates whether to enable the switchover effect when the button is pressed. When the status is set to false, the switchover effect is disabled.
+   * @since 7
+   */
+  stateEffect?: boolean;
 }
 
-interface Button extends CommonMethod<Button> {
+/**
+ * Defines the Button Component.
+ * @since 7
+ */
+interface Button extends ButtonAttribute<Button> {
+  /**
+   * Button object
+   * @since 7
+   */
   (): Button;
 
-  (options: { type?: ButtonType, stateEffect?: boolean }): Button;
+  /**
+   * Create Button with Text child.
+   * @since 7
+   */
+  (options: ButtonOption): Button;
 
-  (label: string, options?: { type?: ButtonType, stateEffect?: boolean }): Button;
+  /**
+   * Create Button with inner text label.
+   * @since 7
+   */
+  (label: ResourceStr, options?: ButtonOption): Button;
+}
 
-  type(value: ButtonType): Button;
+/**
+ * Defines the button attibute functions.
+ * @since 7
+ */
+declare class ButtonAttribute<T> extends CommonMethod<T> {
+  /**
+   * Describes the button style.
+   * @since 7
+   */
+  type(value: ButtonType): T;
 
-  stateEffect(value: boolean): Button;
+  /**
+   * Indicates whether to enable the switchover effect when the button is pressed. When the status is set to false, the switchover effect is disabled.
+   * @since 7
+   */
+  stateEffect(value: boolean): T;
 
-  fontColor(value: Color | number | string | Resource): Button;
+  /**
+   * Text color.
+   * @since 7
+   */
+  fontColor(value: ResourceColor): T;
 
-  fontSize(value: number | string | Resource): Button;
+  /**
+   * Text size.
+   * @since 7
+   */
+  fontSize(value: Length): T;
 
-  fontWeight(value: number | FontWeight | string): Button;
+  /**
+   * fonse weight
+   * @since 7
+   */
+  fontWeight(value: number | FontWeight | string): T;
 }
 
-export declare const ButtonInterface: Button
+export declare class ButtonExtend<T> extends ButtonAttribute<T> {}
+export declare const ButtonInterface: Button;
diff --git a/api/@internal/component/ets/calendar.d.ts b/api/@internal/component/ets/calendar.d.ts
index ffc0bf5c26d75d57611e6f68ce5038d610569a0c..7ae38972140f39cd57c1227d846778ea21c0cd6c 100644
--- a/api/@internal/component/ets/calendar.d.ts
+++ b/api/@internal/component/ets/calendar.d.ts
@@ -13,121 +13,626 @@
  * limitations under the License.
  */
 
-import {Axis, Color, Resource} from "./common";
+import { Axis } from "./enums";
+import { ResourceColor } from "./units";
 
+/**
+ * Provides a monthly view component to display information such as date, shift break, and schedule.
+ * @since 7
+ * @systemapi
+ */
 export interface CalendarDay {
+  /**
+   * Indicates the sequence number of the 7 x 7 (7 x 6) grid layout on a calendar page by row.
+   * The week sequence is one, two, three, four, five, six.
+   * @since 7
+   * @systemapi
+   */
   index: number;
+
+  /**
+   * Lunar moon.
+   * The week sequence is one, two, three, four, five, six.
+   * @since 7
+   * @systemapi
+   */
   lunarMonth: string;
+
+  /**
+   * Lunar day.
+   * @since 7
+   * @systemapi
+   */
   lunarDay: string;
+
+  /**
+   * Day.
+   * @since 7
+   * @systemapi
+   */
   dayMark: string;
+
+  /**
+   * Indicates the off-duty flag information. The options are work and off.By default, the off-duty flag information is not required.
+   * @since 7
+   * @systemapi
+   */
   dayMarkValue: string;
+
+  /**
+   * Gregorian calendar year.
+   * @since 7
+   * @systemapi
+   */
   year: number;
+
+  /**
+   * Gregorian calendar month.
+   * @since 7
+   * @systemapi
+   */
   month: number;
+
+  /**
+   * Gregorian calendar day.
+   * @since 7
+   * @systemapi
+   */
   day: number;
+
+  /**
+   *
+   * Indicates whether the default value is Lunar calendar.
+   * @since 7
+   * @systemapi
+   */
   isFirstOfLunar: boolean;
+
+  /**
+   * Indicates whether to display has Schedule.
+   * The week sequence is one, two, three, four, five, six.
+   * @since 7
+   * @systemapi
+   */
   hasSchedule: boolean;
+
+  /**
+   * Display Lunar Date.The week sequence is one, two, three, four, five, six.
+   * @since 7
+   * @systemapi
+   */
   markLunarDay: boolean;
 }
 
+/**
+ *  Date object.
+ * @since 7
+ * @systemapi
+ */
 export interface MonthData {
+  /**
+   * Gregorian calendar year.
+   * @since 7
+   * @systemapi
+   */
   year: number;
+
+  /**
+   * Gregorian calendar month.
+   * @since 7
+   * @systemapi
+   */
   month: number;
+
+  /**
+   * CalendarDay.
+   * @since 7
+   * @systemapi
+   */
   data: CalendarDay[];
 }
 
+/**
+ * CurrentDayStyle object.
+ * @since 7
+ * @systemapi
+ */
 export interface CurrentDayStyle {
-  dayColor?: Color | number | string | Resource;
-  lunarColor?: Color | number | string | Resource;
-  markLunarColor?: Color | number | string | Resource;
+  /**
+   * Text color.
+   * @since 7
+   * @systemapi
+   */
+  dayColor?: ResourceColor;
+
+  /**
+   * lunar Text color.
+   * @since 7
+   * @systemapi
+   */
+  lunarColor?: ResourceColor;
+
+  /**
+   * lunar  Work and rest  text color.
+   * @since 7
+   * @systemapi
+   */
+  markLunarColor?: ResourceColor;
+
+  /**
+   * Text fontSize.
+   * @since 7
+   * @systemapi
+   */
   dayFontSize?: number;
+
+  /**
+   * lunar text fontSize.
+   * @since 7
+   * @systemapi
+   */
   lunarDayFontSize?: number;
+
+  /**
+   * Single date height.
+   * @since 7
+   * @systemapi
+   */
   dayHeight?: number;
+
+  /**
+   * Single date width.
+   * @since 7
+   * @systemapi
+   */
   dayWidth?: number;
+
+  /**
+   * Gregorian calendar height.
+   * @since 7
+   * @systemapi
+   */
   gregorianCalendarHeight?: number;
+
+  /**
+   * Data y axis Off set.
+   * @since 7
+   * @systemapi
+   */
   dayYAxisOffset?: number;
+
+  /**
+   * Lunar data y axis Off set.
+   * @since 7
+   * @systemapi
+   */
   lunarDayYAxisOffset?: number;
+
+  /**
+   * Under score X Axis Off set.
+   * @since 7
+   * @systemapi
+   */
   underscoreXAxisOffset?: number;
+
+  /**
+   * Under score Y Axis Off set
+   * @since 7
+   * @systemapi
+   */
   underscoreYAxisOffset?: number;
+
+  /**
+   * Schedule marker X axis Off set
+   * @since 7
+   * @systemapi
+   */
   scheduleMarkerXAxisOffset?: number;
+
+  /**
+   * schedule Marker Y Axis Off set
+   * @since 7
+   * @systemapi
+   */
   scheduleMarkerYAxisOffset?: number;
+
+  /**
+   * Number of columns.
+   * @since 7
+   * @systemapi
+   */
   colSpace?: number;
+
+  /**
+   * Daily five row space.
+   * @since 7
+   * @systemapi
+   */
   dailyFiveRowSpace?: number;
+
+  /**
+   * Daily six row space.
+   * @since 7
+   * @systemapi
+   */
   dailySixRowSpace?: number;
+
+  /**
+   * Sigle lunar height.
+   * @since 7
+   * @systemapi
+   */
   lunarHeight?: number;
+
+  /**
+   * Under score width.
+   * @since 7
+   * @systemapi
+   */
   underscoreWidth?: number;
+
+  /**
+   * Under score length.
+   * @since 7
+   * @systemapi
+   */
   underscoreLength?: number;
+
+  /**
+   * Schedule marker radius.
+   * @since 7
+   * @systemapi
+   */
   scheduleMarkerRadius?: number;
+
+  /**
+   * Boun dary row offset.
+   * @since 7
+   * @systemapi
+   */
   boundaryRowOffset?: number;
+
+  /**
+   * Boundary col offsett.
+   * @since 7
+   * @systemapi
+   */
   boundaryColOffset?: number;
 }
 
+/**
+ * Non current day style.
+ * @since 7
+ * @systemapi
+ */
 export interface NonCurrentDayStyle {
-  nonCurrentMonthDayColor?: Color | number | string | Resource;
-  nonCurrentMonthLunarColor?: Color | number | string | Resource;
-  nonCurrentMonthWorkDayMarkColor?: Color | number | string | Resource;
-  nonCurrentMonthOffDayMarkColor?: Color | number | string | Resource;
+  /**
+   * Non-current month day color.
+   * @since 7
+   * @systemapi
+   */
+  nonCurrentMonthDayColor?: ResourceColor;
+
+  /**
+   * Lunar style of non-current month.
+   * @since 7
+   * @systemapi
+   */
+  nonCurrentMonthLunarColor?: ResourceColor;
+
+  /**
+   * Non-Current Month Workday Marker Color.
+   * @since 7
+   * @systemapi
+   */
+  nonCurrentMonthWorkDayMarkColor?: ResourceColor;
+
+  /**
+   * Non-Current Month Off Day Marker Color.
+   * @since 7
+   * @systemapi
+   */
+  nonCurrentMonthOffDayMarkColor?: ResourceColor;
 }
 
+/**
+ * Non current day style.
+ * @since 7
+ * @systemapi
+ */
 export interface TodayStyle {
-  focusedDayColor?: Color | number | string | Resource;
-  focusedLunarColor?: Color | number | string | Resource;
-  focusedAreaBackgroundColor?: Color | number | string | Resource;
+  /**
+   * Style of focus color.
+   * @since 7
+   * @systemapi
+   */
+  focusedDayColor?: ResourceColor;
+
+  /**
+   * Focus on Lunar Colors.
+   * @since 7
+   * @systemapi
+   */
+  focusedLunarColor?: ResourceColor;
+
+  /**
+   * Background color of the focus area.
+   * @since 7
+   * @systemapi
+   */
+  focusedAreaBackgroundColor?: ResourceColor;
+
+  /**
+   * Focus area radius.
+   * @since 7
+   * @systemapi
+   */
   focusedAreaRadius?: number;
 }
 
+/**
+ * Week Style.
+ * @since 7
+ * @systemapi
+ */
 export interface WeekStyle {
-  weekColor?: Color | number | string | Resource;
-  weekendDayColor?: Color | number | string | Resource;
-  weekendLunarColor?: Color | number | string | Resource;
+  /**
+   * Style of week color.
+   * @since 7
+   * @systemapi
+   */
+  weekColor?: ResourceColor;
+
+  /**
+   * Style of week day color.
+   * @since 7
+   * @systemapi
+   */
+  weekendDayColor?: ResourceColor;
+
+  /**
+   * Style of lunar color.
+   * @since 7
+   * @systemapi
+   */
+  weekendLunarColor?: ResourceColor;
+
+  /**
+   * Style of week font size.
+   * @since 7
+   * @systemapi
+   */
   weekFontSize?: number;
+
+  /**
+   * Style of week height.
+   * @since 7
+   * @systemapi
+   */
   weekHeight?: number;
+
+  /**
+   * Style of week width.
+   * @since 7
+   * @systemapi
+   */
   weekWidth?: number;
+
+  /**
+   * Style of week space.
+   * @since 7
+   * @systemapi
+   */
   weekAndDayRowSpace?: number;
 }
 
+/**
+ * Work state style.
+ * @since 7
+ * @systemapi
+ */
 export interface WorkStateStyle {
-  workDayMarkColor?: Color | number | string | Resource;
-  offDayMarkColor?: Color | number | string | Resource;
+  /**
+   * Style of day color.
+   * @since 7
+   * @systemapi
+   */
+  workDayMarkColor?: ResourceColor;
+
+  /**
+   * Style of day color.
+   * @since 7
+   * @systemapi
+   */
+  offDayMarkColor?: ResourceColor;
+
+  /**
+   * Style of day size.
+   * @since 7
+   * @systemapi
+   */
   workDayMarkSize?: number;
+
+  /**
+   * Style of day size.
+   * @since 7
+   * @systemapi
+   */
   offDayMarkSize?: number;
+
+  /**
+   * Style of width.
+   * @since 7
+   * @systemapi
+   */
   workStateWidth?: number;
+
+  /**
+   * Style of distance.
+   * @since 7
+   * @systemapi
+   */
   workStateHorizontalMovingDistance?: number;
+
+  /**
+   * Style of distance.
+   * @since 7
+   * @systemapi
+   */
   workStateVerticalMovingDistance?: number;
 }
 
+/**
+ * Calendar controller.
+ * @since 7
+ * @systemapi
+ */
 declare class CalendarController {
-    constructor();
-    backToToday();
+  /**
+   * Constructor.
+   * @since 7
+   * @systemapi
+   */
+  constructor();
+
+  /**
+   * Back to day.
+   * @since 7
+   * @systemapi
+   */
+  backToToday();
+
+  /**
+   * To the specified element.
+   * @since 7
+   * @systemapi
+   */
+  goTo(value: { year: number; month: number; day: number });
 }
 
-interface Calendar {
-  (value: { date: { year: number, month: number, day: number }, currentData: MonthData, preData: MonthData, nextData: MonthData, controller?: CalendarController }): Calendar;
+/**
+ * @since 7
+ * @systemapi
+ */
+interface Calendar extends CalendarAttribute<Calendar> {
+  /**
+   * Set value.
+   * @since 7
+   * @systemapi
+   */
+  (value: {
+    date: { year: number; month: number; day: number };
+    currentData: MonthData;
+    preData: MonthData;
+    nextData: MonthData;
+    controller?: CalendarController;
+  }): Calendar;
+}
 
-  showLunar(value: boolean): Calendar;
+/**
+ * @since 7
+ * @systemapi
+ */
+declare class CalendarAttribute<T> {
+  /**
+   * Specifies whether the component displays the lunar calendar information.
+   * @since 7
+   * @systemapi
+   */
+  showLunar(value: boolean): T;
 
-  showHoliday(value: boolean): Calendar;
+  /**
+   * Setting whether to display holiday information
+   * @since 7
+   * @systemapi
+   */
+  showHoliday(value: boolean): T;
 
-  needSlide(value: boolean): Calendar;
+  /**
+   * Indicates whether the page can be scrolled.
+   * @since 7
+   * @systemapi
+   */
+  needSlide(value: boolean): T;
 
-  startOfWeek(value: number): Calendar;
+  /**
+   * Set the start day of the week for the calendar.
+   * @since 7
+   * @systemapi
+   */
+  startOfWeek(value: number): T;
 
-  offDays(value: number): Calendar;
+  /**
+   * Set weekend. The default value is Sunday and Saturday.
+   * @since 7
+   * @systemapi
+   */
+  offDays(value: number): T;
 
-  direction(value: Axis): Calendar;
+  /**
+   * Sets the sliding direction.
+   * @since 7
+   * @systemapi
+   */
+  direction(value: Axis): T;
 
-  currentDayStyle(value: CurrentDayStyle): Calendar;
+  /**
+   * Sets the date style in the current month.
+   * @since 7
+   * @systemapi
+   */
+  currentDayStyle(value: CurrentDayStyle): T;
 
-  nonCurrentDayStyle(value: NonCurrentDayStyle): Calendar;
+  /**
+   * Sets the non-monthly date style.
+   * @since 7
+   * @systemapi
+   */
+  nonCurrentDayStyle(value: NonCurrentDayStyle): T;
 
-  todayStyle(value: TodayStyle): Calendar;
+  /**
+   * Set the date style for today.
+   * @since 7
+   * @systemapi
+   */
+  todayStyle(value: TodayStyle): T;
 
-  weekStyle(value: WeekStyle): Calendar;
+  /**
+   * Sets the date style for the weekend.
+   * @since 7
+   * @systemapi
+   */
+  weekStyle(value: WeekStyle): T;
 
-  workStateStyle(value: WorkStateStyle): Calendar;
+  /**
+   * Sets the style of the working state.
+   * @since 7
+   * @systemapi
+   */
+  workStateStyle(value: WorkStateStyle): T;
 
-  onSelectChange(event: (event: { year: number, month: number, day: number }) => void): Calendar;
+  /**
+   * Click a date to return the information about the date you clicked.
+   * @since 7
+   * @systemapi
+   */
+  onSelectChange(event: (event: { year: number; month: number; day: number }) => void): T;
 
-  onRequestData(event: (event: { year: number, month: number, currentYear: number, currentMonth: number, monthState: number }) => void): Calendar;
+  /**
+   * When you swipe to switch months, the information about the previous month and the next month is requested.
+   * @since 7
+   * @systemapi
+   */
+  onRequestData(
+    event: (event: {
+      year: number;
+      month: number;
+      currentYear: number;
+      currentMonth: number;
+      monthState: number;
+    }) => void,
+  ): T;
 }
 
-export declare const CalendarInterface: Calendar
+export declare class CalendarExtend<T> extends CalendarAttribute<T> {}
+export declare const CalendarInterface: Calendar;
diff --git a/api/@internal/component/ets/circle.d.ts b/api/@internal/component/ets/circle.d.ts
index e9808f4d4434d5c48e62b2075994dac0caa693ff..15f39269be70b07179d039699ebf9edbdcc55477 100644
--- a/api/@internal/component/ets/circle.d.ts
+++ b/api/@internal/component/ets/circle.d.ts
@@ -13,11 +13,43 @@
  * limitations under the License.
  */
 
-import {CommonShapeMethod} from "./common";
+import { CommonShapeMethod } from "./common";
 
-interface Circle extends CommonShapeMethod<Circle> {
-  new (value?: { width?: string | number, height?: string | number }): Circle;
-  (value?: { width?: string | number, height?: string | number }): Circle;
+/**
+ * Defines circle option for Circle component.
+ * @since 7
+ */
+export declare interface CircleOption {
+  /**
+   * Defines the width property.
+   * @since 7
+   */
+  width?: string | number;
+
+  /**
+   * Defines the height property.
+   * @since 7
+   */
+  height?: string | number;
 }
 
+/**
+ * Defines circle component.
+ * @since 7
+ */
+interface Circle extends CircleAttribute<Circle> {
+  /**
+   * Set the value..
+   * @since 7
+   */
+  (value?: CircleOption): Circle;
+}
+
+/**
+ * Circle drawing component attribute functions.
+ * @since 7
+ */
+declare class CircleAttribute<T> extends CommonShapeMethod<T> {}
+
+export declare class CircleExtend<T> extends CircleAttribute<T> {}
 export declare const CircleInterface: Circle;
diff --git a/api/@internal/component/ets/column.d.ts b/api/@internal/component/ets/column.d.ts
index ca4af45cd6cbac67eb25c8282f9796690848e32e..5307dcd5aad3c4098f10f7d5d12401c9d783c5ff 100644
--- a/api/@internal/component/ets/column.d.ts
+++ b/api/@internal/component/ets/column.d.ts
@@ -13,12 +13,34 @@
  * limitations under the License.
  */
 
-import {CommonMethod, HorizontalAlignDeclaration, HorizontalAlign} from "./common";
+import { CommonMethod } from "./common";
+import { HorizontalAlign } from "./enums";
 
-interface Column extends CommonMethod<Column> {
-  (value?: { useAlign?: HorizontalAlignDeclaration, space?: string | number }): Column;
+/**
+ * Defines the Column Component.
+ * @since 7
+ */
+interface Column extends ColumnAttribute<Column> {
+  /**
+   * Set the value.
+   * useAlign:Use a custom alignment.
+   * space: Vertical layout element spacing.
+   * @since 7
+   */
+  (value?: { space?: string | number }): Column;
+}
 
-  alignItems(value: HorizontalAlign): Column;
+/**
+ * Defines the Column component attribute functions.
+ * @since 7
+ */
+export declare class ColumnAttribute<T> extends CommonMethod<T> {
+  /**
+   * Sets the alignment format of the subassembly in the horizontal direction.
+   * @since 7
+   */
+  alignItems(value: HorizontalAlign): T;
 }
 
+export declare class ColumnExtend<T> extends ColumnAttribute<T> {}
 export declare const ColumnInterface: Column;
diff --git a/api/@internal/component/ets/column_split.d.ts b/api/@internal/component/ets/column_split.d.ts
index 5215c007acbbaaf9d1412b6dd23a991dd6e9f71d..e7e78831044325a544052bc8be727c0e70d0606b 100644
--- a/api/@internal/component/ets/column_split.d.ts
+++ b/api/@internal/component/ets/column_split.d.ts
@@ -13,12 +13,31 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
+import { CommonMethod } from "./common";
 
-interface ColumnSplit extends CommonMethod<ColumnSplit> {
+/**
+ * Defines the ColumnSplit component.
+ * @since 7
+ */
+interface ColumnSplit extends ColumnSplitAttribute<ColumnSplit> {
+  /**
+   * Layout the subassemblies vertically and insert a horizontal divider line between each subassemblies.
+   * @since 7
+   */
   (): ColumnSplit;
+}
 
-  resizeable(value: boolean): ColumnSplit;
+/**
+ * Defines the ColumnSplit component attribute functions.
+ * @since 7
+ */
+declare class ColumnSplitAttribute<T> extends CommonMethod<T> {
+  /**
+   * Indicates whether the split line can be dragged. The default value is false.
+   * @since 7
+   */
+  resizeable(value: boolean): T;
 }
 
 export declare const ColumnSplitInterface: ColumnSplit;
+export declare class ColumnSplitExtend<T> extends ColumnSplitAttribute<T> {}
diff --git a/api/@internal/component/ets/common.d.ts b/api/@internal/component/ets/common.d.ts
index 736aa5aff695ff0a9fcad3559700e3f3b3084f06..1ad7e09b6b194625f05c858a70e132818e635c24 100644
--- a/api/@internal/component/ets/common.d.ts
+++ b/api/@internal/component/ets/common.d.ts
@@ -13,613 +13,1277 @@
  * limitations under the License.
  */
 
-import {GestureType, GestureMask} from "./gesture"
-import {Circle} from "./circle";
-import {Ellipse} from "./ellipse";
-import {Path} from "./path";
-import {Rect} from "./rect";
-
+import { GestureType, GestureMask } from "./gesture";
+import { Circle } from "./circle";
+import { Ellipse } from "./ellipse";
+import { Path } from "./path";
+import { Rect } from "./rect";
+import { Resource, Length, Padding, Margin } from "./units";
+import {
+  Alignment,
+  BorderStyle,
+  Color,
+  Curve,
+  Direction,
+  GradientDirection,
+  ImageRepeat,
+  ImageSize,
+  ItemAlign,
+  KeySource,
+  LineCapStyle,
+  LineJoinStyle,
+  PlayMode,
+  SharedTransitionEffectType,
+  TransitionType,
+  Visibility,
+} from "./enums";
+
+/**
+ * Defining Component ClassDecorator * @since 7
+ */
 export declare const Component: ClassDecorator;
+
+/**
+ * Defining Entry ClassDecorator.
+ * @since 7
+ */
 export declare const Entry: ClassDecorator;
+
+/**
+ * Defining Observed ClassDecorator.
+ * @since 7
+ */
 export declare const Observed: ClassDecorator;
+
+/**
+ * Defining Preview ClassDecorator.
+ * @since 7
+ */
 export declare const Preview: ClassDecorator;
+
+/**
+ * Defining State PropertyDecorator.
+ * @since 7
+ */
 export declare const State: PropertyDecorator;
+
+/**
+ * Defining Prop PropertyDecorator.
+ * @since 7
+ */
 export declare const Prop: PropertyDecorator;
+
+/**
+ * Defining Link PropertyDecorator.
+ * @since 7
+ */
 export declare const Link: PropertyDecorator;
+
+/**
+ * Defining ObjectLink PropertyDecorator.
+ * @since 7
+ */
 export declare const ObjectLink: PropertyDecorator;
+
+/**
+ * Defining Provide PropertyDecorator.
+ * @since 7
+ */
 export declare const Provide: PropertyDecorator & ((value: string) => PropertyDecorator);
+
+/**
+ * Defining Consume PropertyDecorator.
+ * @since 7
+ */
 export declare const Consume: PropertyDecorator & ((value: string) => PropertyDecorator);
+
+/**
+ * Defining StorageProp PropertyDecorator.
+ * @since 7
+ */
 export declare const StorageProp: (value: string) => PropertyDecorator;
+
+/**
+ * Defining StorageLink PropertyDecorator.
+ * @since 7
+ */
 export declare const StorageLink: (value: string) => PropertyDecorator;
+
+/**
+ * Defining Watch PropertyDecorator.
+ * @since 7
+ */
 export declare const Watch: (value: string) => PropertyDecorator;
-export declare const Builder: MethodDecorator;
-declare interface NormalResource {
-  readonly id: number;
-  readonly type: number;
-  readonly params?: any[];
-}
 
-declare interface RawfileResource {
-  readonly fileName: string;
-}
+/**
+ * Defining Builder MethodDecorator
+ * @since 7
+ */
+export declare const Builder: MethodDecorator;
 
-export declare type Resource = RawfileResource | NormalResource;
+/**
+ * Defining  CustomDialog ClassDecorator
+ * @since 7
+ */
+export declare const CustomDialog: ClassDecorator;
 
+/**
+ * Defines the data type of the interface restriction.
+ * @since 7
+ */
 export declare interface Configuration {
+  /**
+   * Set colorMode.
+   * @since 7
+   */
   readonly colorMode: string;
+
+  /**
+   * Set fontScale.
+   * @since 7
+   */
   readonly fontScale: number;
 }
 
+/**
+ * Defining isSystemplugin Constants.
+ * @since 7
+ */
 declare const isSystemplugin: Function;
 
-// global function
-export declare function $s(value: string, params?: object | Array<any> | number): string;
-
-export declare function $m(value: string): string;
-
+/**
+ * global $r function
+ * @since 7
+ */
 export declare function $r(value: string, ...params: any[]): Resource;
 
+/**
+ * global $rawfile function
+ * @since 7
+ */
 export declare function $rawfile(value: string): Resource;
 
-export declare function animateTo(value: {
-  duration?: number, tempo?: number, curve?: Curve | string,
-  delay?: number, iterations?: number, playMode?: PlayMode, onFinish?: () => void
-}, event: () => void): void;
+export interface AnimateToParam {
+  duration?: number;
+  tempo?: number;
+  curve?: Curve | string;
+  delay?: number;
+  iterations?: number;
+  playMode?: PlayMode;
+  onFinish?: () => void;
+}
+
+/**
+ * Defining animation function.
+ * @since 7
+ */
+export declare function animateTo(value: AnimateToParam, event: () => void): void;
 
+/**
+ * Converts a value in vp units to a value in px.
+ * @since 7
+ */
 export declare function vp2px(value: number): number;
 
+/**
+ * Converts a number in units of px to a number in units of vp.
+ * @since 7
+ */
 export declare function px2vp(value: number): number;
 
+/**
+ * Converts a number in fp units to a number in px.
+ * @since 7
+ */
 export declare function fp2px(value: number): number;
 
+/**
+ * Converts a number in units of px to a number in units of fp.
+ * @since 7
+ */
 export declare function px2fp(value: number): number;
 
+/**
+ * Converts a number in units of lpx to a number in units of px.
+ * @since 7
+ */
 export declare function lpx2px(value: number): number;
 
+/**
+ * Converts a number in units of px to a number in units of lpx.
+ * @since 7
+ */
 export declare function px2lpx(value: number): number;
 
-// common enum
-export declare enum Color {
-  White,
-  Black,
-  Blue,
-  Brown,
-  Gray,
-  Green,
-  Grey,
-  Orange,
-  Pink,
-  Red,
-  Yellow
-}
-
-export declare enum ImageFit {
-  Contain,
-  Cover,
-  Auto,
-  Fill,
-  ScaleDown,
-  None
-}
-
-export declare enum BorderStyle {
-  Dotted,
-  Dashed,
-  Solid
-}
-
-export declare enum LineJoinStyle {
-  Miter,
-  Round,
-  Bevel
-}
-
-export declare enum TouchType {
-  Down,
-  Up,
-  Move,
-  Cancel
-}
-
-export declare enum AnimationStatus {
-  Initial,
-  Running,
-  Paused,
-  Stopped
-}
-
-export declare enum Curve {
-  Linear,
-  Ease,
-  EaseIn,
-  EaseOut,
-  EaseInOut,
-  FastOutSlowIn,
-  LinearOutSlowIn,
-  FastOutLinearIn,
-  ExtremeDeceleration,
-  Sharp,
-  Rhythm,
-  Smooth,
-  Friction
-}
-
-export declare enum FillMode {
-  None,
-  Forwards,
-  Backwards,
-  Both
-}
-
-export declare enum PlayMode {
-  Normal,
-  Reverse,
-  Alternate,
-  AlternateReverse
-}
-
-export declare enum BlurStyle {
-  SmallLight,
-  MediumLight,
-  LargeLight,
-  XlargeLight,
-  SmallDark,
-  MediumDark,
-  LargeDark,
-  XlargeDark
-}
-
-export declare enum KeyType {
-  Down,
-  Up,
-  LongPress
-}
-
-export declare enum KeySource {
-  Unknown,
-  Keyboard,
-  Mouse,
-  Dpad,
-  Gamepad,
-  Joystick,
-  TouchScreen,
-  TouchPad,
-  Stylus,
-  Trackball,
-  Knob,
-  Any
-}
-
-export declare enum Edge {
-  Top,
-  Center,
-  Bottom,
-  Baseline,
-  Start,
-  Middle,
-  End
-}
-
-export declare enum Week {
-  Mon,
-  Tue,
-  Wed,
-  Thur,
-  Fri,
-  Sat,
-  Sun,
-}
-
-export declare enum Direction {
-  Ltr,
-  Rtl,
-  Auto
-}
-
-export declare enum BarState {
-  Off,
-  Auto,
-  On
-}
-
-export declare enum EdgeEffect {
-  Spring,
-  Fade,
-  None
-}
-
+/**
+ * The tap action triggers this method invocation.
+ * @since 7
+ */
 export interface ClickEvent {
+  /**
+   * X coordinate of the click point relative to the left edge of the device screen.
+   * @since 7
+   */
   screenX: number;
+
+  /**
+   * The Y coordinate of the touch point relative to the upper edge of the device screen.
+   * @since 7
+   */
   screenY: number;
+
+  /**
+   * X coordinate of the click point relative to the left edge of the clicked element.
+   * @since 7
+   */
   x: number;
+
+  /**
+   * Y coordinate of the click point relative to the upper edge of the clicked element.
+   * @since 7
+   */
   y: number;
+
+  /**
+   * Event timestamp.
+   * @since 7
+   */
   timestamp: number;
 }
 
+/**
+ * Type of the touch event.
+ * @since 7
+ */
 export interface TouchObject {
+  /**
+   * Type of the touch event.
+   * @since 7
+   */
   type: TouchType;
+
+  /**
+   * Finger unique identifier.
+   * @since 7
+   */
   id: number;
+
+  /**
+   * X coordinate of the touch point relative to the left edge of the device screen.
+   * @since 7
+   */
   screenX: number;
+
+  /**
+   * The Y coordinate of the touch point relative to the upper edge of the device screen.
+   * @since 7
+   */
   screenY: number;
+
+  /**
+   * X coordinate of the touch point relative to the left edge of the touched element.
+   * @since 7
+   */
   x: number;
+
+  /**
+   * Y coordinate of the touch point relative to the upper edge of the touched element.
+   * @since 7
+   */
   y: number;
 }
 
+/**
+ * Touch Action Function Parameters
+ * @since 7
+ */
 export interface TouchEvent {
+  /**
+   * Type of the touch event.
+   * @since 7
+   */
   type: TouchType;
+
+  /**
+   * All finger information.
+   * @since 7
+   */
   touches: TouchObject[];
+
+  /**
+   * Indicates the current changed finger information.
+   * @since 7
+   */
   changedTouches: TouchObject[];
+
+  /**
+   * Event timestamp.
+   * @since 7
+   */
   timestamp: number;
+
+  /**
+   * The blocking event pops up.
+   * @since 7
+   */
   stopPropagation?: () => void;
 }
 
-interface PasteData {
+/**
+ * Description of the PasteData object
+ * @since 7
+ */
+export interface PasteData {
+  /**
+   * Gets the clipboard text data.
+   * @since 7
+   */
   getPlainText(): string;
+
+  /**
+   * Sets the clipboard text data.
+   * @since 7
+   */
   setPlainText(value: string);
 }
 
+/**
+ * pixelmap object with release function.
+ * @since 7
+ */
 export declare class PixelMap {
+  /**
+   * release function.
+   * @since 7
+   */
   release(): void;
 }
 
-interface DragEvent {
+/**
+ * DragEvent object description
+ * @since 7
+ */
+export interface DragEvent {
+  /**
+   * Gets the current clipboard data object.
+   * @since 7
+   */
   getPasteData(): PasteData;
+
+  /**
+   * Obtains the X coordinate of the drag window, in vp.
+   * @since 7
+   */
   getX(): number;
+
+  /**
+   * Obtains the Y coordinate of the drag window, in vp.
+   * @since 7
+   */
   getY(): number;
+
+  /**
+   * Obtains the drag description.
+   * @since 7
+   */
   getDescription(): string;
+
+  /**
+   * Set the drag description.
+   * @since 7
+   */
   setDescription(value: string);
+
+  /**
+   * Set the floating window object. Value: floating window object.
+   * @since 7
+   */
   setPixmap(value: PixelMap);
 }
 
+/**
+ * KeyEvent object description:
+ * @since 7
+ */
 export interface KeyEvent {
+  /**
+   * Type of a key.
+   * @since 7
+   */
   type: KeyType;
-  keyCode: number;
-  keyText: string;
-  keySource: KeySource;
-  deviceId: number;
-  metaKey: number;
-  timestamp: number;
-  stopPropagation?: () => void;
-}
-
-export declare enum Alignment {
-  TopStart,
-  Top,
-  TopEnd,
-  Start,
-  Center,
-  End,
-  BottomStart,
-  Bottom,
-  BottomEnd
-}
 
-export declare enum TransitionType {
-  All,
-  Insert,
-  Delete
-}
-
-export declare enum RelateType {
-  FILL,
-  FIT
-}
-
-export declare enum Visibility {
-  Visible,
-  Hidden,
-  None
-}
-
-export declare enum LineCapStyle {
-  Butt,
-  Round,
-  Square
-}
-
-export declare enum Axis {
-  Vertical,
-  Horizontal
-}
-
-export declare enum HorizontalAlign {
-  Start,
-  Center,
-  End
-}
-
-export declare enum FlexAlign {
-  Start,
-  Center,
-  End,
-  SpaceBetween,
-  SpaceAround,
-  SpaceEvenly
-}
-
-export declare enum ItemAlign {
-  Auto,
-  Start,
-  Center,
-  End,
-  Baseline,
-  Stretch
-}
-
-export declare enum FlexDirection {
-  Row,
-  Column,
-  RowReverse,
-  ColumnReverse
-}
-
-export declare enum FlexWrap {
-  NoWrap,
-  Wrap,
-  WrapReverse
-}
-
-export declare enum VerticalAlign {
-  Top,
-  Center,
-  Bottom
-}
+  /**
+   * Key code of a key
+   * @since 7
+   */
+  keyCode: number;
 
-export declare class VerticalAlignDeclaration {
-  constructor(value?: VerticalAlign)
-}
+  /**
+   * Key value of a key.
+   * @since 7
+   */
+  keyText: string;
 
-export declare class HorizontalAlignDeclaration {
-  constructor(value?: HorizontalAlign)
-}
+  /**
+   * Type of the input device that triggers the current key, such as the keyboard or handle.
+   * @since 7
+   */
+  keySource: KeySource;
 
-export declare enum ImageRepeat {
-  NoRepeat,
-  X,
-  Y,
-  XY
-}
+  /**
+   * Indicates the ID of the input device that triggers the current key.
+   * @since 7
+   */
+  deviceId: number;
 
-export declare enum ImageSize {
-  Auto,
-  Cover,
-  Contain
-}
+  /**
+   * Indicates the status of the key when the key is pressed.
+   * The value 1 indicates the pressed state, and the value 0 indicates the unpressed state.
+   * @since 7
+   */
+  metaKey: number;
 
-export declare enum GradientDirection {
-  Left,
-  Top,
-  Right,
-  Bottom,
-  LeftTop,
-  LeftBottom,
-  RightTop,
-  RightBottom,
-  None
-}
+  /**
+   * Timestamp when the key was pressed.
+   * @since 7
+   */
+  timestamp: number;
 
-export declare enum SharedTransitionEffectType {
-  Static,
-  Exchange
+  /**
+   * Block event bubbling.
+   * @since 7
+   */
+  stopPropagation?: () => void;
 }
 
+/**
+ * CommonMethod
+ * @since 7
+ */
 export declare class CommonMethod<T> {
+  /**
+   * constructor.
+   * @since 7
+   */
   constructor();
 
-  width(value: number | string | Resource): T;
-
-  height(value: number | string | Resource): T;
-
-  size(value: { width?: number | string | Resource, height?: number | string | Resource}): T;
-
-  constraintSize(value: { minWidth?: number | string | Resource, maxWidth?: number | string | Resource, minHeight?: number | string | Resource, maxHeight?: number | string | Resource}): T;
-
-  layoutPriority(value: number | string): T;
-
-  layoutWeight(value: number | string): T;
-
-  padding(value: { top?: number | string | Resource, right?: number | string | Resource, bottom?: number | string | Resource, left?: number | string  | Resource} | number | string | Resource): T;
-
-  margin(value: { top?: number | string | Resource, right?: number | string | Resource, bottom?: number | string | Resource, left?: number | string  | Resource} | number | string | Resource): T;
+  /**
+   * Sets the width of the current component.
+   * @since 7
+   */
+  width(value: Length): T;
+
+  /**
+   * Sets the width of the current component.
+   * @since 7
+   */
+  height(value: Length): T;
+
+  /**
+   * The size of the current component.
+   * @since 7
+   */
+  size(value: { width?: Length; height?: Length }): T;
+
+  /**
+   * constraint Size：
+   * minWidth：minimum Width，maxWidth：maximum Width，minHeight：minimum Height ，maxHeight：maximum Height，
+   * @since 7
+   */
+  constraintSize(value: {
+    minWidth?: number | string | Resource;
+    maxWidth?: number | string | Resource;
+    minHeight?: number | string | Resource;
+    maxHeight?: number | string | Resource;
+  }): T;
 
+  /**
+   * Inner margin
+   * @since 7
+   */
+  padding(value: Padding | Length): T;
+
+  /**
+   * Outer Margin
+   * @since 7
+   */
+  margin(value: Margin | Length): T;
+
+  /**
+   * Background color
+   * @since 7
+   */
   backgroundColor(value: Color | number | string | Resource): T;
 
+  /**
+   * Background image
+   * src: Image address url
+   * @since 7
+   */
   backgroundImage(src: string, repeat?: ImageRepeat): T;
 
-  backgroundImageSize(value: { width?: number | string, height?: number | string } | ImageSize): T;
-
-  backgroundImagePosition(value: { x?: number | string, y?: number | string } | Alignment): T;
-
-  opacity(value: number | Resource): T
-
-  border(value: { width?: number | string | Resource, color?: Color | number | string | Resource, radius?: number | string | Resource, style?: BorderStyle }): T;
+  /**
+   * Background image size
+   * @since 7
+   */
+  backgroundImageSize(value: { width?: number | string; height?: number | string } | ImageSize): T;
+
+  /**
+   * Background image position
+   * x:Horizontal coordinate;y:Vertical axis coordinate.
+   * @since 7
+   */
+  backgroundImagePosition(value: { x?: number | string; y?: number | string } | Alignment): T;
+
+  /**
+   * Opacity
+   * @since 7
+   */
+  opacity(value: number | Resource): T;
+
+  /**
+   * Opacity
+   * width:Border width;color:Border color;radius:Border radius;
+   * @since 7
+   */
+  border(value: {
+    width?: number | string | Resource;
+    color?: Color | number | string | Resource;
+    radius?: number | string | Resource;
+    style?: BorderStyle;
+  }): T;
 
+  /**
+   * Border style
+   * @since 7
+   */
   borderStyle(value: BorderStyle): T;
 
+  /**
+   * Border width
+   * @since 7
+   */
   borderWidth(value: number | string | Resource): T;
 
+  /**
+   * Border color
+   * @since 7
+   */
   borderColor(value: Color | number | string | Resource): T;
 
+  /**
+   * Border radius
+   * @since 7
+   */
   borderRadius(value: number | string | Resource): T;
 
+  /**
+   * Navigation title
+   * @since 7
+   */
   navigationTitle(value: string): T;
 
+  /**
+   * Navigation subtitle
+   * @since 7
+   */
   navigationSubTitle(value: string): T;
 
+  /**
+   * Hide navigation bar
+   * @since 7
+   */
   hideNavigationBar(value: boolean): T;
 
+  /**
+   * Hide navigation back button
+   * @since 7
+   */
   hideNavigationBackButton(value: boolean): T;
 
-  toolBar(value: object): T;
-
+  /**
+   * Hide tool bar
+   * @since 7
+   */
   hideToolBar(value: boolean): T;
 
+  /**
+   * Trigger a click event when a click is clicked.
+   * @since 7
+   */
   onClick(event: (event?: ClickEvent) => void): T;
 
+  /**
+   * Trigger a touch event when touched.
+   * @since 7
+   */
   onTouch(event: (event?: TouchEvent) => void): T;
 
+  /**
+   * Mouse hover event
+   * @since 7
+   */
+  onHover(event: (isHover?: boolean) => void): T;
+
+  /**
+   * Keyboard input
+   * @since 7
+   */
   onKeyEvent(event: (event?: KeyEvent) => void): T;
 
+  /**
+   * Pan event
+   * @since 7
+   */
   onPan(event: (event?: any) => void): T;
 
+  /**
+   * animation
+   * @since 7
+   */
   animation(value: {
-    duration?: number, tempo?: number, curve?: Curve | string, delay?: number, iterations?: number,
-    playMode?: PlayMode, onFinish?: () => void
+    duration?: number;
+    tempo?: number;
+    curve?: Curve | string;
+    delay?: number;
+    iterations?: number;
+    playMode?: PlayMode;
+    onFinish?: () => void;
   }): T;
 
+  /**
+   * Transition parameter
+   * @since 7
+   */
   transition(value: {
-    type?: TransitionType, opacity?: number,
-    translate?: { x?: number | string, y?: number | string, z?: number | string },
-    scale?: { x?: number, y?: number, z?: number, centerX?: number | string, centerY?: number | string },
-    rotate?: { x?: number, y?: number, z?: number, centerX?: number | string, centerY?: number | string, angle: number | string }
+    type?: TransitionType;
+    opacity?: number;
+    translate?: { x?: number | string; y?: number | string; z?: number | string };
+    scale?: { x?: number; y?: number; z?: number; centerX?: number | string; centerY?: number | string };
+    rotate?: {
+      x?: number;
+      y?: number;
+      z?: number;
+      centerX?: number | string;
+      centerY?: number | string;
+      angle: number | string;
+    };
   }): T;
 
+  /**
+   * Bind gesture recognition.
+   * gesture:Bound Gesture Type,mask:GestureMask;
+   * @since 7
+   */
   gesture(gesture: GestureType, mask?: GestureMask): T;
 
+  /**
+   * Binding Preferential Recognition Gestures
+   * gesture:Bound Gesture Type,mask:GestureMask;
+   * @since 7
+   */
   priorityGesture(gesture: GestureType, mask?: GestureMask): T;
 
+  /**
+   * Binding gestures that can be triggered simultaneously with internal component gestures
+   * gesture:Bound Gesture Type,mask:GestureMask;
+   * @since 7
+   */
   parallelGesture(gesture: GestureType, mask?: GestureMask): T;
 
+  /**
+   * Adds the content blurring effect for the current component. The input parameter is the blurring radius.
+   * The larger the blurring radius, the more blurring the content.
+   * If the value is 0, the content blurring effect is not blurring.
+   * @since 7
+   */
   blur(value: number): T;
 
+  /**
+   * Adds a highlight effect to the current component.
+   * The input parameter is the highlight proportion. 0 indicates no highlight effect, and 1 indicates the maximum highlight proportion.
+   * The component is displayed as all white (percentage).
+   * @since 7
+   */
+  brightness(value: number): T;
+
+  /**
+   * Adds a contrast effect to the current component. The input parameter is the contrast value.
+   * A larger contrast value indicates a sharper image. When the contrast value is 0, the image becomes gray. (%)
+   * @since 7
+   */
+  contrast(value: number): T;
+
+  /**
+   * Adds a grayscale effect to the current component.
+   * The value is the gray scale conversion ratio. If the input parameter is 1.0, the gray scale image is completely converted to the gray scale image. If the input parameter is 0.0, the image does not change.
+   * If the input parameter is between 0.0 and 1.0, the effect changes. (Percentage)
+   * @since 7
+   */
+  grayscale(value: number): T;
+
+  /**
+   * Adds a color overlay effect for the current component. The input parameter is the superimposed color.
+   * @since 7
+   */
+  colorBlend(value: Color | string | Resource): T;
+
+  /**
+   * Adds a saturation effect to the current component.
+   * The saturation is the ratio of the color-containing component to the achromatic component (gray).
+   * The larger the color-containing component, the greater the saturation.
+   * The larger the achromatic component, the smaller the saturation. (Percentage)
+   * @since 7
+   */
+  saturate(value: number): T;
+
+  /**
+   * Converts the image to sepia. Value defines the scale of the conversion.
+   * A value of 1 is completely sepia, and a value of 0 does not change the image. (Percentage)
+   * @since 7
+   */
+  sepia(value: number): T;
+
+  /**
+   * Inverts the input image. Value defines the scale of the conversion. 100% of the value is a complete reversal.
+   * A value of 0% does not change the image. (Percentage)
+   * @since 7
+   */
+  invert(value: number): T;
+
+  /**
+   * Adds the hue rotation effect to the current component.
+   * The input parameter is the rotation angle. When the input parameter is 0deg, the image does not change (the default value is 0deg), and the input parameter does not have a maximum value.
+   * If the value exceeds 360deg, the image is circled again.
+   * @since 7
+   */
+  hueRotate(value: number | string): T;
+
+  /**
+   * Adds the background blur effect for the current component. The input parameter is the blur radius.
+   * The larger the blur radius, the more blurred the background. If the value is 0, the background blur is not blurred.
+   * @since 7
+   */
   backdropBlur(value: number): T;
 
-  windowBlur(value: { percent: number, style?: BlurStyle }): T;
-
-  translate(value: { x?: number | string, y?: number | string, z?: number | string }): T;
-
-  scale(value: { x?: number, y?: number, z?: number, centerX?: number | string, centerY?: number | string }): T;
-
-  gridSpan(value: number): T
-
-  gridOffset(value: number): T
-
-  rotate(value: { x?: number, y?: number, z?: number, centerX?: number | string, centerY?: number | string, angle: number | string }): T;
+  /**
+   * Sets the translation effect during page transition.
+   * The value is the start point of entry and end point of exit.
+   * When this parameter is set together with slide, slide takes effect by default.
+   * @since 7
+   */
+  translate(value: { x?: number | string; y?: number | string; z?: number | string }): T;
+
+  /**
+   * Sets the zoom effect during page transition. The value is the start point of entry and end point of exit.
+   * @since 7
+   */
+  scale(value: { x?: number; y?: number; z?: number; centerX?: number | string; centerY?: number | string }): T;
+
+  /**
+   * Default number of occupied columns, indicating the number of occupied grid columns when the number of columns (span) of the corresponding size is not set in the useSizeType attribute.
+   * @since 7
+   */
+  gridSpan(value: number): T;
+
+  /**
+   * The default offset column number indicates the number of offset columns of the current component in the start direction of the parent component when the useSizeType attribute does not set the offset of the corresponding dimension. That is,
+   * the current component is located in the nth column.
+   * @since 7
+   */
+  gridOffset(value: number): T;
+
+  /**
+   * Sets the rotation effect during assembly transition.
+   * The values are the start point during insertion and the end point during deletion.
+   * @since 7
+   */
+  rotate(value: {
+    x?: number;
+    y?: number;
+    z?: number;
+    centerX?: number | string;
+    centerY?: number | string;
+    angle: number | string;
+  }): T;
 
+  /**
+   * Sets the transformation matrix for the current component.
+   * @since 7
+   */
   transform(value: object): T;
 
+  /**
+   * This callback is triggered when a component mounts a display.
+   * @since 7
+   */
   onAppear(event: () => void): T;
 
+  /**
+   * This callback is triggered when component uninstallation disappears.
+   * @since 7
+   */
   onDisAppear(event: () => void): T;
 
+  /**
+   * Controls the display or hide of the current component.
+   * @since 7
+   */
   visibility(value: Visibility): T;
 
+  /**
+   * The percentage of the remaining space of the Flex container allocated to the component on which this property resides.
+   * @since 7
+   */
   flexGrow(value: number): T;
 
+  /**
+   * The proportion of the Flex container compression size assigned to the component on which this attribute resides.
+   * @since 7
+   */
   flexShrink(value: number): T;
 
+  /**
+   * The base dimension of the assembly on which this attribute is located in the direction of the principal axis in the Flex container.
+   * @since 7
+   */
   flexBasis(value: number | string): T;
 
+  /**
+   * Overrides the default configuration of alignItems in the Flex Layout container.
+   * @since 7
+   */
   alignSelf(value: ItemAlign): T;
 
+  /**
+   * Sets the current component and displays the priority in the layout container. This parameter is valid only in Row, Column, and Flex single-row layouts.
+   * @since 7
+   */
   displayPriority(value: number): T;
 
-  useAlign(align: HorizontalAlignDeclaration | VerticalAlignDeclaration, value: { side: Edge, offset?: number | string }): T;
-
+  /**
+   * The sibling components in the same container are hierarchically displayed. A larger value of z indicates a higher display level.
+   * @since 7
+   */
   zIndex(value: number): T;
 
-  sharedTransition(id: string, options?: {
-    duration?: number,
-    curve?: Curve | string,
-    delay?: number,
-    motionPath?: {
-      path: string,
-      from?: number,
-      to?: number,
-      rotatable?: boolean
+  /**
+   * If the components of the two pages are configured with the same ID, the shared element transition is performed during transition. If the parameter is set to an empty string, the shared element transition does not occur. For details about the options parameter, see the options parameter description.
+   * @since 7
+   */
+  sharedTransition(
+    id: string,
+    options?: {
+      duration?: number;
+      curve?: Curve | string;
+      delay?: number;
+      motionPath?: {
+        path: string;
+        from?: number;
+        to?: number;
+        rotatable?: boolean;
+      };
+      zIndex?: number;
+      type?: SharedTransitionEffectType;
     },
-    zIndex?: number,
-    type?: SharedTransitionEffectType,
-  }): T;
+  ): T;
 
+  /**
+   * Sets the sliding direction. The enumerated value supports logical AND (&) and logical OR (|).
+   * @since 7
+   */
   direction(value: Direction): T;
 
+  /**
+   * align
+   * @since 7
+   */
   align(value: Alignment): T;
 
-  position(value: { x?: number | string, y?: number | string }): T;
-
-  markAnchor(value: { x?: number | string, y?: number | string }): T;
-
-  offset(value: { x?: number | string, y?: number | string }): T;
-
+  /**
+   * position
+   * @since 7
+   */
+  position(value: { x?: number | string | Resource; y?: number | string | Resource }): T;
+
+  /**
+   * Sets the anchor point of the element when it is positioned. The base point is offset from the top start point of the element.
+   * @since 7
+   */
+  markAnchor(value: { x?: number | string | Resource; y?: number | string | Resource }): T;
+
+  /**
+   * Coordinate offset relative to the layout completion position.
+   * Setting this attribute does not affect the layout of the parent container. The position is adjusted only during drawing.
+   * @since 7
+   */
+  offset(value: { x?: number | string | Resource; y?: number | string | Resource }): T;
+
+  /**
+   * If the value is true, the component is available and can respond to operations such as clicking.
+   *  If it is set to false, click operations are not responded.
+   * @since 7
+   */
   enabled(value: boolean): T;
 
+  /**
+   * Sets the number of occupied columns and offset columns for a specific device width type.
+   * @since 7
+   */
   useSizeType(value: {
-    xs?: number | { span: number, offset: number },
-    sm?: number | { span: number, offset: number },
-    md?: number | { span: number, offset: number },
-    lg?: number | { span: number, offset: number }
+    xs?: number | { span: number; offset: number };
+    sm?: number | { span: number; offset: number };
+    md?: number | { span: number; offset: number };
+    lg?: number | { span: number; offset: number };
   }): T;
 
+  /**
+   * Specifies the aspect ratio of the current component.
+   * @since 7
+   */
   aspectRatio(value: number): T;
 
+  /**
+   * After a listener is bound, the component can be dragged. After the drag occurs, a callback is triggered.
+   * (To be triggered, press and hold for 170 milliseconds (ms))
+   * @since 7
+   */
   onDrag(event: (event?: DragEvent) => void): T;
 
+  /**
+   * After binding, a callback is triggered when the component is dragged to the range of the component.
+   * @since 7
+   */
   onDragEnter(event: (event?: DragEvent) => void): T;
 
+  /**
+   * After binding, a callback is triggered when the drag moves within the range of a placeable component.
+   * @since 7
+   */
   onDragMove(event: (event?: DragEvent) => void): T;
 
+  /**
+   * After binding, a callback is triggered when the component is dragged out of the component range.
+   * @since 7
+   */
   onDragLeave(event: (event?: DragEvent) => void): T;
 
+  /**
+   * The component bound to this event can be used as the drag release target.
+   * This callback is triggered when the drag behavior is stopped within the scope of the component.
+   * @since 7
+   */
   onDrop(event: (event?: DragEvent) => void): T;
 
-  overlay(value: string, options?: { align?: Alignment, offset?: { x?: number, y?: number } }): T;
-
-  linearGradient(value: { angle?: number | string, direction?: GradientDirection, colors: Array<any>, repeating?: boolean }): T;
-
-  sweepGradient(value: { center: Array<any>, start?: number | string, end?: number | string, rotation?: number | string, colors: Array<any>, repeating?: boolean }): T;
-
-  radialGradient(value: { center: Array<any>, radius: number | string, colors: Array<any>, repeating?: boolean }): T;
+  /**
+   * Add mask text to the current component. The layout is the same as that of the current component.
+   * @since 7
+   */
+  overlay(value: string, options?: { align?: Alignment; offset?: { x?: number; y?: number } }): T;
+
+  /**
+   * Linear Gradient
+   * angle: Angle of Linear Gradient; direction:Direction of Linear Gradient;  colors:Color description for gradients,repeating:repeating.
+   * @since 7
+   */
+  linearGradient(value: {
+    angle?: number | string;
+    direction?: GradientDirection;
+    colors: Array<any>;
+    repeating?: boolean;
+  }): T;
 
-  motionPath(value: { path: string, from?: number, to?: number, rotatable?: boolean }): T;
+  /**
+   * Angle Gradient
+   * center:is the center point of the angle gradient
+   * start:Start point of angle gradient
+   * end:End point of angle gradient
+   * number:number
+   * rotating:rotating
+   * colors:Color description for gradients
+   * repeating:repeating
+   * @since 7
+   */
+  sweepGradient(value: {
+    center: Array<any>;
+    start?: number | string;
+    end?: number | string;
+    rotation?: number | string;
+    colors: Array<any>;
+    repeating?: boolean;
+  }): T;
 
-  shadow(value: { radius: number | Resource, color?: Color | string | Resource, offsetX?: number, offsetY?: number}): T;
+  /**
+   * Radial Gradient
+   * center:Center point of radial gradient
+   * radius:Radius of Radial Gradient
+   * colors:Color description for gradients
+   * repeating: Refill
+   * @since 7
+   */
+  radialGradient(value: { center: Array<any>; radius: number | string; colors: Array<any>; repeating?: boolean }): T;
+
+  /**
+   * Set the motion path of the component
+   * path:Motion path for displacement animation, using the svg path string.
+   * from:Start point of the motion path. The default value is 0.0.
+   * to:End point of the motion path. The default value is 1.0.
+   * rotatble:Whether to follow the path for rotation.
+   * @since 7
+   */
+  motionPath(value: { path: string; from?: number; to?: number; rotatable?: boolean }): T;
+
+  /**
+   * Add a shadow effect to the current component
+   * @since 7
+   */
+  shadow(value: {
+    radius: number | Resource;
+    color?: Color | string | Resource;
+    offsetX?: number | Resource;
+    offsetY?: number | Resource;
+  }): T;
 
+  /**
+   * When the parameter is of the Shape type, the current component is cropped according to the specified shape.
+   * When the parameter is of the boolean type, this parameter specifies whether to crop based on the edge contour.
+   * @since 7
+   */
   clip(value: boolean | Circle | Ellipse | Path | Rect): T;
 
+  /**
+   * Applies a mask of the specified shape to the current assembly.
+   * @since 7
+   */
   mask(value: Circle | Ellipse | Path | Rect): T;
 
+  /**
+   * Accessibility group. If this parameter is set to true, the component and all its subcomponents can be selected, and the accessibility service does not focus on the content of its subcomponents.
+   * @since 7
+   */
   accessibilityGroup(value: boolean): T;
 
+  /**
+   * Accessible text. When a component does not contain text attributes,
+   * the screen reads aloud when the component is selected, and the user cannot clearly know what component is currently selected.
+   * To solve this problem, developers can set an accessible text for a component that does not contain text information.
+   * When the component is selected for screen reading, the content of the accessible text is broadcast, helping the user of screen reading clearly know which component is selected.
+   * If the component has both text attributes and accessible text attributes,
+   * only accessible text content is broadcast when the component is selected.
+   * @since 7
+   */
   accessibilityText(value: string): T;
 
+  /**
+   * Accessibility instructions are used to further explain the current component to the user, for example,
+   * to help the user understand the possible consequences of the operation to be performed,
+   * especially when these consequences cannot be learned from the attributes of the component itself and the accessibility text.
+   * Developers can set relatively detailed explanatory text for this property of a component to help users understand what will be done.
+   * If the component has both the text attribute and the accessibility attribute, when the component is selected,
+   * the text attribute of the component is first broadcast, and then the content of the accessibility attribute is broadcast.
+   * @since 7
+   */
   accessibilityDescription(value: string): T;
 
+  /**
+   * Accessibility importance, which controls whether a component is identifiable by an accessible auxiliary service.
+   * The value can be auto, yes, no, or no-hide-descendants.
+   * (The last value causes screen reading to ignore the current component and all its subcomponents).
+   * If this parameter is set to yes, the current component can be selected for accessibility auxiliary services.
+   * If this parameter is set to no, the current component cannot be selected for accessibility auxiliary services.
+   * @since 7
+   */
   accessibilityImportance(value: string): T;
 
+  /**
+   * onAccessibility
+   * @since 7
+   */
   onAccessibility(callback: (event?: { eventType: number }) => void): T;
+
+  /**
+   * geometryTransition
+   * @since 7
+   */
+  geometryTransition(id: string): T;
+
+  /**
+   * Popup control
+   * @since 7
+   */
+  bindPopup(
+    show: boolean,
+    popup: {
+      /**
+       * Information in the pop-up window.
+      .
+       * @since 7
+       */
+      message: string;
+
+      /**
+       * placement On Top
+      .
+       * @since 7
+       */
+      placementOnTop?: boolean;
+
+      /**
+       * The first button.
+      .
+       * @since 7
+       */
+      primaryButton?: {
+        /**
+         * Button text value
+        .
+         * @since 7
+         */
+        value: string;
+
+        /**
+         * action
+        .
+         * @since 7
+         */
+        action: () => void;
+      };
+
+      /**
+       * The second button.
+      .
+       * @since 7
+       */
+      secondaryButton?: {
+        /**
+         * Button text value
+        .
+         * @since 7
+         */
+        value: string;
+
+        /**
+         * action
+        .
+         * @since 7
+         */
+        action: () => void;
+      };
+
+      /**
+       * on State Change
+      .
+       * @since 7
+       */
+      onStateChange?: (event: { isVisible: boolean }) => void;
+    },
+  ): T;
+
+  /**
+   * Menu control
+   * @since 7
+   */
+  bindMenu(content: { value: string; action: () => void }[]): T;
 }
 
+/**
+ * CommonShapeMethod
+ * @since 7
+ */
 export declare class CommonShapeMethod<T> extends CommonMethod<T> {
+  /**
+   * constructor.
+   * @since 7
+   */
   constructor();
 
+  /**
+   * border Color
+   * @since 7
+   */
   stroke(value: Color | number | string | Resource): T;
 
+  /**
+   * Fill color.
+   * @since 7
+   */
   fill(value: Color | number | string | Resource): T;
 
+  /**
+   * Offset from the start point of the border drawing.
+   * @since 7
+   */
   strokeDashOffset(value: number | string): T;
 
+  /**
+   * Path endpoint drawing style.
+   * @since 7
+   */
   strokeLineCap(value: LineCapStyle): T;
 
+  /**
+   * Border corner drawing style.
+   * @since 7
+   */
   strokeLineJoin(value: LineJoinStyle): T;
 
+  /**
+   * Limits for drawing acute angles as bevels
+   * @since 7
+   */
   strokeMiterLimit(value: number | string): T;
 
+  /**
+   * Sets the opacity of the border.
+   * @since 7
+   */
   strokeOpacity(value: number | string | Resource): T;
 
+  /**
+   * fill Opacity
+   * @since 7
+   */
   fillOpacity(value: number | string | Resource): T;
 
-  strokeWidth(value: number | string): T;
+  /**
+   * Sets the width of the dividing line.
+   * @since 7
+   */
+  strokeWidth(value: number | string | Resource): T;
 
+  /**
+   * Indicates whether to enable anti-aliasing
+   * @since 7
+   */
   antiAlias(value: boolean): T;
 
-  strokeDashArray(value: Array<any>): T
+  /**
+   * Sets the gap for the border.
+   * @since 7
+   */
+  strokeDashArray(value: Array<any>): T;
 }
 
+/**
+ * Custom Component
+ * @since 7
+ */
 export declare class CustomComponent<T> {
+  /**
+   * Customize the pop-up content constructor.
+   * @since 7
+   */
   build(): void;
 
+  /**
+   * Private  aboutToAppear Method
+   * @since 7
+   */
   private aboutToAppear?(): void;
 
+  /**
+   * Private  aboutToDisappear Method
+   * @since 7
+   */
   private aboutToDisappear?(): void;
 }
diff --git a/api/@internal/component/ets/counter.d.ts b/api/@internal/component/ets/counter.d.ts
index 2b4f863b0da0d0eb1c9f80d54662943519917201..ba765714d54176bb0ad149f0c2a65240a37849d7 100644
--- a/api/@internal/component/ets/counter.d.ts
+++ b/api/@internal/component/ets/counter.d.ts
@@ -13,16 +13,43 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
+import { CommonMethod } from "./common";
 
-interface Counter extends CommonMethod<Counter> {
+/**
+ * Counter component, which provides corresponding increment or decrement counting operations.
+ * @since 8
+ */
+interface Counter extends CounterAttribute<Counter> {
+  /**
+   * Return Counter.
+   * @since 8
+   */
   (): Counter;
+}
 
-  onStateChange(event: () => void): Counter;
+/**
+ * Defines the Counter attibute functions.
+ * @since 8
+ */
+declare class CounterAttribute<T> extends CommonMethod<T> {
+  /**
+   * Listens to the value change event.
+   * @since 8
+   */
+  onStateChange(event: () => void): T;
 
-  onInc(event: () => void): Counter;
+  /**
+   * Listen to the event that the value increases.
+   * @since 8
+   */
+  onInc(event: () => void): T;
 
-  onDec(event: () => void): Counter;
+  /**
+   * Listens to the number decrease event.
+   * @since 8
+   */
+  onDec(event: () => void): T;
 }
 
 export declare const CounterInterface: Counter;
+export declare class CounterExtend<T> extends CounterAttribute<T> {}
diff --git a/api/@internal/component/ets/custom_dialog_controller.d.ts b/api/@internal/component/ets/custom_dialog_controller.d.ts
index 52389f76a82a58d89609ab05d1b5c93ced0756f8..fcdc33372e3e2fc178713956b1ba56255c92b70f 100644
--- a/api/@internal/component/ets/custom_dialog_controller.d.ts
+++ b/api/@internal/component/ets/custom_dialog_controller.d.ts
@@ -13,12 +13,77 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
+import { DialogAlignment } from "./alert_dialog";
+import { Offset } from "./units";
 
-export declare const CustomDialog: ClassDecorator;
+/**
+ * Defines the option of CustomDialogController.
+ * @since 7
+ */
+export declare interface CustomDialogControllerOption {
+  /**
+   * Custom builder function.
+   * @since 7
+   */
+  builder: any;
+
+  /**
+   * Defines the cancel function.
+   * @since 7
+   */
+  cancel?: () => void;
+
+  /**
+   * Defines if use auto cancel when click on the outside of the dialog.
+   * @since 7
+   */
+  autoCancel?: boolean;
+
+  /**
+   * Defines the dialog alignment of the screen.
+   * @since 7
+   */
+  alignment?: DialogAlignment;
+
+  /**
+   * Defines the dialog offset.
+   * @since 7
+   */
+  offset?: Offset;
+
+  /**
+   * Defines if use costom style.
+   * @since 7
+   */
+  customStyle?: boolean;
 
+  /**
+   * Grid count of dialog.
+   * @since 8
+   */
+   gridCount?: number;
+}
+
+/**
+ * Use the CustomDialogController class to display the custom pop-up window.
+ * @since 7
+ */
 export declare class CustomDialogController {
-    constructor(value: { builder: any, cancel?: () => void, autoCancel?: boolean });
-    open();
-    close();
+  /**
+   * The constructor transfers parameter settings.
+   * @since 7
+   */
+  constructor(value: CustomDialogControllerOption);
+
+  /**
+   * Display the content of the customized pop-up window. If the content has been displayed, it does not take effect.
+   * @since 7
+   */
+  open();
+
+  /**
+   * Closes the custom pop-up window. If the window is closed, the window does not take effect.
+   * @since 7
+   */
+  close();
 }
diff --git a/api/@internal/component/ets/data_panel.d.ts b/api/@internal/component/ets/data_panel.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..467ba76be7c16ec0943ef0093178400588718ce5
--- /dev/null
+++ b/api/@internal/component/ets/data_panel.d.ts
@@ -0,0 +1,61 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { CommonMethod } from "./common";
+
+/**
+ * Defines the option of DataPanel.
+ * @since 7
+ */
+export declare interface DataPanelOption {
+  /**
+   * Current data value. the max length is 9.
+   * @since 7
+   */
+  values: number[];
+
+  /**
+   * Maximum value of the current data.
+   * @since 7
+   */
+  max?: number;
+}
+
+/**
+ * Defines the DataPanel component.
+ * @since 7
+ */
+interface DataPanel extends DataPanelAttribute<DataPanel> {
+  /**
+   * Return a DataPanel.
+   * @since 7
+   */
+  (options: DataPanelOption): DataPanel;
+}
+
+/**
+ * Defines the DataPanel attribute functions.
+ * @since 7
+ */
+declare class DataPanelAttribute<T> extends CommonMethod<T> {
+  /**
+   * Disable the special effect of the data ratio chart.
+   * @since 7
+   */
+  closeEffect(value: boolean): T;
+}
+
+export declare class DataPanelExtend<T> extends DataPanelAttribute<T> {}
+export declare const DataPanelInterface: DataPanel;
diff --git a/api/@internal/component/ets/datapanel.d.ts b/api/@internal/component/ets/datapanel.d.ts
deleted file mode 100644
index c675fd2a8a08adaa01348400420feba0ab92d4c2..0000000000000000000000000000000000000000
--- a/api/@internal/component/ets/datapanel.d.ts
+++ /dev/null
@@ -1,23 +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.
-  */
-
-import {CommonMethod} from "./common";
-
-interface DataPanel extends CommonMethod<DataPanel> {
-    (options: {values: number[], max?: number}): DataPanel;
-    closeEffect(value: boolean): DataPanel;
-}
-
-export declare const DataPanelInterface: DataPanel;
diff --git a/api/@internal/component/ets/date_picker.d.ts b/api/@internal/component/ets/date_picker.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5ea5d15c5b537fe35aab5026aa297e19f33dac3b
--- /dev/null
+++ b/api/@internal/component/ets/date_picker.d.ts
@@ -0,0 +1,136 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { CommonMethod } from "./common";
+
+/**
+ * Defines the type of DatePicker.
+ * @since 8
+ */
+export declare enum DatePickerType {
+  /**
+   * Application hour and second
+   * @since 8
+   */
+  Time,
+
+  /**
+   * Application data
+   * @since 8
+   */
+  Date,
+}
+
+export declare interface DatePickerResult {
+  /**
+   * Application year
+   * @since 8
+   */
+  year?: number;
+
+  /**
+   * Application month
+   * @since 8
+   */
+  month?: number;
+
+  /**
+   * Application day
+   * @since 8
+   */
+  day?: number;
+
+  /**
+   * Application hour
+   * @since 8
+   */
+  hour?: number;
+
+  /**
+   * Application minute
+   * @since 8
+   */
+  minute?: number;
+
+  /**
+   * Application second
+   * @since 8
+   */
+  second?: number;
+}
+
+/**
+ * Defines the option of DatePicker.
+ * @since 8
+ */
+export declare interface DatePickerOption {
+  /**
+   * Specifies the start date of the date selector.
+   */
+  start?: Date;
+  /**
+   * Specifies the end date for the date selector.
+   */
+  end?: Date;
+
+  /**
+   * Specifies the date selector check date or time selector check time.
+   */
+  selected?: Date;
+
+  /**
+   * Selector type, including date selector and time selector. By default, the date selector is used.
+   */
+  type?: DatePickerType;
+}
+
+/**
+ * Defines the DatePicker Component.
+ * @since 8
+ */
+interface DatePicker extends DatePickerAttribute<DatePicker> {
+  /**
+   * Defines the DatePicker constructor.
+   * @since 8
+   */
+  (options?: DatePickerOption): DatePicker;
+}
+
+/**
+ * Defines the DatePicker attribute functions.
+ * @since 8
+ */
+declare class DatePickerAttribute<T> extends CommonMethod<T> {
+  /**
+   * Date selector: true: displays the lunar calendar. false: The lunar calendar is not displayed.
+   * @since 8
+   */
+  lunar(value: boolean): T;
+
+  /**
+   * Time Selector: indicates whether to display the 24-hour clock.
+   * @since 8
+   */
+  useMilitaryTime(value: boolean): T;
+
+  /**
+   * This event is triggered when a DatePicker date or time is selected.
+   * @since 8
+   */
+  onChange(callback: (value: DatePickerResult) => void): T;
+}
+
+export declare class DatePickerExtend<T> extends DatePickerAttribute<T> {}
+export declare const DatePickerInterface: DatePicker;
diff --git a/api/@internal/component/ets/divider.d.ts b/api/@internal/component/ets/divider.d.ts
index 70d01add968c5ccf233cb8655b695774a3595f9b..f98c628e6cc88ebc936a2cbed353025fb0f7e732 100644
--- a/api/@internal/component/ets/divider.d.ts
+++ b/api/@internal/component/ets/divider.d.ts
@@ -13,18 +13,52 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, LineCapStyle, Resource} from "./common";
+import { CommonMethod } from "./common";
+import { LineCapStyle } from "./enums";
+import { ResourceColor } from "./units";
 
-interface Divider extends CommonMethod<Divider> {
+/**
+ * Provides a divider component to separate different content blocks/content elements.
+ * @since 7
+ */
+interface Divider extends DividerAttribute<Divider> {
+  /**
+   * Return Divider.
+   * @since 7
+   */
   (): Divider;
+}
 
-  vertical(value: boolean): Divider;
+/**
+ * Defines the Divider attribute functions.
+ * @since 7
+ */
+declare class DividerAttribute<T> extends CommonMethod<T> {
+  /**
+   * Indicates whether to use a horizontal splitter or a vertical splitter.
+   * The options are as follows: false: horizontal splitter; true: vertical splitter.
+   * @since 7
+   */
+  vertical(value: boolean): T;
 
-  color(value: Color | number | string | Resource): Divider;
+  /**
+   * Sets the color of the divider line.
+   * @since 7
+   */
+  color(value: ResourceColor): T;
 
-  strokeWidth(value: number | string): Divider;
+  /**
+   * Sets the width of the dividing line.
+   * @since 7
+   */
+  strokeWidth(value: number | string): T;
 
-  lineCap(value: LineCapStyle): Divider;
+  /**
+   * Sets the end style of the split line. The default value is Butt.
+   * @since 7
+   */
+  lineCap(value: LineCapStyle): T;
 }
 
+export declare class DividerExtend<T> extends DividerAttribute<T> {}
 export declare const DividerInterface: Divider;
diff --git a/api/@internal/component/ets/ellipse.d.ts b/api/@internal/component/ets/ellipse.d.ts
index 0a2497b768cf6fe85e1ce9d00646b9ffde732fdf..3b5fbc2348b064fd49b25dd06cdde98fd8617f3b 100644
--- a/api/@internal/component/ets/ellipse.d.ts
+++ b/api/@internal/component/ets/ellipse.d.ts
@@ -13,11 +13,24 @@
  * limitations under the License.
  */
 
-import {CommonShapeMethod} from "./common";
+import { CommonShapeMethod } from "./common";
 
-interface Ellipse extends CommonShapeMethod<Ellipse> {
-  new (value?: { width?: string | number, height?: string | number }): Ellipse;
-  (value?: { width?: string | number, height?: string | number }): Ellipse;
+/**
+ * Ellipse drawing.
+ * @since 7
+ */
+interface Ellipse extends EllipseAttribute<Ellipse> {
+  /**
+   * Set the value.
+   * @since 7
+   */
+  (value?: { width?: string | number; height?: string | number }): Ellipse;
 }
 
+/**
+ * @since 7
+ */
+declare class EllipseAttribute<T> extends CommonShapeMethod<T> {}
+
+export declare class EllipseExtend<T> extends EllipseAttribute<T> {}
 export declare const EllipseInterface: Ellipse;
diff --git a/api/@internal/component/ets/enums.d.ts b/api/@internal/component/ets/enums.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..732ce93c3dc59812711977d168ea884f8bca2d37
--- /dev/null
+++ b/api/@internal/component/ets/enums.d.ts
@@ -0,0 +1,1297 @@
+/*
+ * 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.
+ */
+
+/**
+ * common enum of color
+ * @since 7
+ */
+export declare enum Color {
+  /**
+   * White.
+   * @since 7
+   */
+  White,
+
+  /**
+   * Black.
+   * @since 7
+   */
+  Black,
+
+  /**
+   * Blue.
+   * @since 7
+   */
+  Blue,
+
+  /**
+   * Brown.
+   * @since 7
+   */
+  Brown,
+
+  /**
+   * Gray.
+   * @since 7
+   */
+  Gray,
+
+  /**
+   * Green.
+   * @since 7
+   */
+  Green,
+
+  /**
+   * Grey.
+   * @since 7
+   */
+  Grey,
+
+  /**
+   * Orange.
+   * @since 7
+   */
+  Orange,
+
+  /**
+   * color.
+   * @since 7
+   */
+  Pink,
+
+  /**
+   * Red.
+   * @since 7
+   */
+  Red,
+
+  /**
+   * Yellow.
+   * @since 7
+   */
+  Yellow,
+}
+
+/**
+ * Image display mode
+ * @since 7
+ */
+export declare enum ImageFit {
+  /**
+   * Keep the aspect ratio to zoom out or zoom in so that the image is completely displayed within the display boundary.
+   * @since 7
+   */
+  Contain,
+
+  /**
+   * Keep the aspect ratio to zoom out or zoom in so that both sides of the image are greater than or equal to the display boundary.
+   * @since 7
+   */
+  Cover,
+
+  /**
+   * Adaptive display
+   * @since 7
+   */
+  Auto,
+
+  /**
+   * Zoom in or out without maintaining the aspect ratio so that the image fills the display boundary.
+   * @since 7
+   */
+  Fill,
+
+  /**
+   * Keep the aspect ratio displayed, and the image zooms out or remains unchanged.
+   * @since 7
+   */
+  ScaleDown,
+
+  /**
+   * Keep the original size and display it in the center.
+   * @since 7
+   */
+  None,
+}
+
+/**
+ * Border Style
+ * @since 7
+ */
+export declare enum BorderStyle {
+  /**
+   * Displays as a series of dots with a radius of half the borderWidth.
+   * @since 7
+   */
+  Dotted,
+
+  /**
+   * Shows as a series of short square dashed lines.
+   * @since 7
+   */
+  Dashed,
+
+  /**
+   * Shows as a solid line.
+   * @since 7
+   */
+  Solid,
+}
+
+/**
+ * Line Join Style
+ * @since 7
+ */
+export declare enum LineJoinStyle {
+  /**
+   * Connect path segments using bevels.
+   * @since 7
+   */
+  Miter,
+
+  /**
+   * Connect path segments using sharp corners.
+   * @since 7
+   */
+  Round,
+
+  /**
+   * Connect path segments using fillets.
+   * @since 7
+   */
+  Bevel,
+}
+
+/**
+ * Function Called by Touch
+ * @since 7
+ */
+export declare enum TouchType {
+  /**
+   * Triggered when the finger is pressed.
+   * @since 7
+   */
+  Down,
+
+  /**
+   * Triggered when the finger is raised.
+   * @since 7
+   */
+  Up,
+
+  /**
+   * Triggered when the finger presses on the screen.
+   * @since 7
+   */
+  Move,
+
+  /**
+   * Triggers when the touch event cancels.
+   * @since 7
+   */
+  Cancel,
+}
+
+/**
+ * Animation status.
+ * @since 7
+ */
+export declare enum AnimationStatus {
+  /**
+   * Initial state of the animation.
+   * @since 7
+   */
+  Initial,
+
+  /**
+   * The animation is playing.
+   * @since 7
+   */
+  Running,
+
+  /**
+   * The animation is paused.
+   * @since 7
+   */
+  Paused,
+
+  /**
+   * The animation is stopped.
+   * @since 7
+   */
+  Stopped,
+}
+
+/**
+ * Sets the animation playback mode. By default, the animation starts to play again after the playback is complete.
+ * @since 7
+ */
+export declare enum Curve {
+  /**
+   * Indicates that the speed of the animation is the same from start to finish.
+   * @since 7
+   */
+  Linear,
+
+  /**
+   * Indicates that the animation starts at a low speed, then accelerates, and then slows down before it ends, CubicBezier(0.25, 0.1, 0.25, 1.0).
+   * @since 7
+   */
+  Ease,
+
+  /**
+   * Indicates that the animation starts at a low speed, CubicBezier(0.42, 0.0, 1.0, 1.0).
+   * @since 7
+   */
+  EaseIn,
+
+  /**
+   * Indicates that the animation ends at a low speed, CubicBezier(0.0, 0.0, 0.78, 1.0).
+   * @since 7
+   */
+  EaseOut,
+
+  /**
+   * Indicates that the animation starts and ends at a slow speed, CubicBezier(0.42, 0.0, 0.78, 1.0).
+   * @since 7
+   */
+  EaseInOut,
+
+  /**
+   * Slow-in, fast-out
+   * @since 7
+   */
+  FastOutSlowIn,
+
+  /**
+   * Linear Out Slow In
+   * @since 7
+   */
+  LinearOutSlowIn,
+
+  /**
+   * Fast OutL inear In.
+   * @since 7
+   */
+  FastOutLinearIn,
+
+  /**
+   * Extreme Deceleration.
+   * @since 7
+   */
+  ExtremeDeceleration,
+
+  /**
+   * Sharp.
+   * @since 7
+   */
+  Sharp,
+
+  /**
+   * Rhythm.
+   * @since 7
+   */
+  Rhythm,
+
+  /**
+   * Smooth.
+   * @since 7
+   */
+  Smooth,
+
+  /**
+   * Damping curve, CubicBezier(0.2, 0.0, 0.2, 1.0).
+   * @since 7
+   */
+  Friction,
+}
+
+/**
+ * Sets the state before and after the animation starts.
+ * @since 7
+ */
+export declare enum FillMode {
+  /**
+   * Restores to the initial state after the playback is complete.
+   * @since 7
+   */
+  None,
+
+  /**
+   * Retains the state at the end of the animation when the playback is complete.
+   * @since 7
+   */
+  Forwards,
+
+  /**
+   * Applies the start attribute value for the period specified by animation-delay before the animation is displayed.
+   * @since 7
+   */
+  Backwards,
+
+  /**
+   * Both forward and backward fill modes are applied.
+   * @since 7
+   */
+  Both,
+}
+
+/**
+ * Play Mode
+ * @since 7
+ */
+export declare enum PlayMode {
+  /**
+   * The animation plays normally.
+   * @since 7
+   */
+  Normal,
+
+  /**
+   * The animation plays backwards.
+   * @since 7
+   */
+  Reverse,
+
+  /**
+   * The animation plays forward on odd numbers (1, 3, 7...) and backward on even numbers (2, 4, 6...).
+   * @since 7
+   */
+  Alternate,
+
+  /**
+   * The animation plays backwards on odd numbers (1, 3, 7...) and forwards on even numbers (2, 4, 6...)..
+   * @since 7
+   */
+  AlternateReverse,
+}
+
+/**
+ * This style allows you to set the window blurring degree and blurring style of the current component layout range,
+ * @since 7
+ */
+export declare enum BlurStyle {
+  /**
+   * Small range glow effect.
+   * @since 7
+   */
+  SmallLight,
+
+  /**
+   * Medium range glow effect.
+   * @since 7
+   */
+  MediumLight,
+
+  /**
+   * Wide range of luminous effects.
+   * @since 7
+   */
+  LargeLight,
+
+  /**
+   * Super-range luminous effect.
+   * @since 7
+   */
+  XlargeLight,
+
+  /**
+   * Small range of dark effects.
+   * @since 7
+   */
+  SmallDark,
+
+  /**
+   * Medium range dark effect.
+   * @since 7
+   */
+  MediumDark,
+
+  /**
+   * Wide range of dark effects.
+   * @since 7
+   */
+  LargeDark,
+
+  /**
+   * Extra large range of dark effects.
+   * @since 7
+   */
+  XlargeDark,
+}
+
+/**
+ * Type of a key.
+ * @since 7
+ */
+export declare enum KeyType {
+  /**
+   * Press the key.
+   * @since 7
+   */
+  Down,
+
+  /**
+   * The key is released.
+   * @since 7
+   */
+  Up,
+}
+
+/**
+ * Type of the input device that triggers the current key.
+ * @since 7
+ */
+export declare enum KeySource {
+  /**
+   * The input device type is unknown.
+   * @since 7
+   */
+  Unknown,
+
+  /**
+   * Set Device Type to Keyboard.
+   * @since 7
+   */
+  Keyboard,
+}
+
+/**
+ * Edge.
+ * @since 7
+ */
+export declare enum Edge {
+  /**
+   * The top is centered horizontally.
+   * @since 7
+   */
+  Top,
+
+  /**
+   * Center horizontal and vertical.
+   * @since 7
+   */
+  Center,
+
+  /**
+   * The bottom is centered horizontally.
+   * @since 7
+   */
+  Bottom,
+
+  /**
+   * Cross axis direction text baseline alignment.
+   * @since 7
+   */
+  Baseline,
+
+  /**
+   * Align the head of the cross axis direction.
+   * @since 7
+   */
+  Start,
+
+  /**
+   * Middle
+   * @since 7
+   */
+  Middle,
+
+  /**
+   * Align the head of the cross axis direction.
+   * @since 7
+   */
+  End,
+}
+
+/**
+ * Set Weekend
+ * @since 7
+ */
+export declare enum Week {
+  /**
+   * Monday.
+   * @since 7
+   */
+  Mon,
+
+  /**
+   * Tuesday.
+   * @since 7
+   */
+  Tue,
+
+  /**
+   * Wednesday.
+   * @since 7
+   */
+  Wed,
+
+  /**
+   * Thursday.
+   * @since 7
+   */
+  Thur,
+
+  /**
+   * Friday.
+   * @since 7
+   */
+  Fri,
+
+  /**
+   * Saturday.
+   * @since 7
+   */
+  Sat,
+
+  /**
+   * Sunday.
+   * @since 7
+   */
+  Sun,
+}
+
+/**
+ * Sets the horizontal layout of elements.
+ * @since 7
+ */
+export declare enum Direction {
+  /**
+   * Elements are laid out from left to right.
+   * @since 7
+   */
+  Ltr,
+
+  /**
+   * Elements are laid out from right to left.
+   * @since 7
+   */
+  Rtl,
+
+  /**
+   * Use the default layout direction.
+   * @since 7
+   */
+  Auto,
+}
+
+/**
+ * Used to set the status of the scroll bar.
+ * @since 7
+ */
+export declare enum BarState {
+  /**
+   * Not displayed.
+   * @since 7
+   */
+  Off,
+
+  /**
+   * On-demand display (displayed when you touch it and disappears after 2 seconds).
+   * @since 7
+   */
+  Auto,
+
+  /**
+   * Resident display.
+   * @since 7
+   */
+  On,
+}
+
+/**
+ * Sliding effect
+ * @since 7
+ */
+export declare enum EdgeEffect {
+  /**
+   * Elastic physical action, sliding to the edge can continue to slide for a distance based on the initial speed or touch event, and spring back when released.
+   * @since 7
+   */
+  Spring,
+
+  /**
+   * Fade.
+   * @since 7
+   */
+  Fade,
+
+  /**
+   * Sliding to the edge has no effect.
+   * @since 7
+   */
+  None,
+}
+
+/**
+ * Alignment enumeration description.
+ * @since 7
+ */
+export declare enum Alignment {
+  /**
+   * Top Start.
+   * @since 7
+   */
+  TopStart,
+
+  /**
+   * The top is centered horizontally.
+   * @since 7
+   */
+  Top,
+
+  /**
+   * Top tail end.
+   * @since 7
+   */
+  TopEnd,
+
+  /**
+   * The starting end is centered longitudinally.
+   * @since 7
+   */
+  Start,
+
+  /**
+   * Center horizontal and vertical.
+   * @since 7
+   */
+  Center,
+
+  /**
+   * The tail end is centered longitudinally.
+   * @since 7
+   */
+  End,
+
+  /**
+   * Bottom starting end.
+   * @since 7
+   */
+  BottomStart,
+
+  /**
+   * The bottom is centered horizontally.
+   * @since 7
+   */
+  Bottom,
+
+  /**
+   * Bottom end.
+   * @since 7
+   */
+  BottomEnd,
+}
+
+/**
+ * TransitionType enumeration descriptio.
+ * @since 7
+ */
+export declare enum TransitionType {
+  /**
+   * Specifies that the current transition action takes effect in all change scenarios of the component.
+   * @since 7
+   */
+  All,
+
+  /**
+   * Specifies the insertion scenario in which the current transition action takes effect.
+   * @since 7
+   */
+  Insert,
+
+  /**
+   * Specifies the deletion scenario in which the current transition action takes effect.
+   * @since 7
+   */
+  Delete,
+}
+
+/**
+ * RelateType enumeration description
+ * @since 7
+ */
+export declare enum RelateType {
+  /**
+   * Scales the current component to fill the parent component.
+   * @since 7
+   */
+  FILL,
+
+  /**
+   * Scales the current component to fit the parent component.
+   * @since 7
+   */
+  FIT,
+}
+
+/**
+ * Controls the display or hide of the current component
+ * @since 7
+ */
+export declare enum Visibility {
+  /**
+   * Show
+   * @since 7
+   */
+  Visible,
+
+  /**
+   * Hide, but participate in layout for placeholder.
+   * @since 7
+   */
+  Hidden,
+
+  /**
+   * Hides but does not participate in layout and does not take place.
+   * @since 7
+   */
+  None,
+}
+
+/**
+ * LineCapStyle enumeration description
+ * @since 7
+ */
+export declare enum LineCapStyle {
+  /**
+   * The two ends of the dividing line are parallel lines.
+   * @since 7
+   */
+  Butt,
+
+  /**
+   * The two ends of the dividing line are semicircles.
+   * @since 7
+   */
+  Round,
+
+  /**
+   * Extends half a circle at the end of the path with a width equal to half the line width and a height equal to the line width.
+   * @since 7
+   */
+  Square,
+}
+
+/**
+ * Axis enumeration description.
+ * @since 7
+ */
+export declare enum Axis {
+  /**
+   * Longitudinal arrangement
+   * @since 7
+   */
+  Vertical,
+
+  /**
+   * Horizontal arrangement.
+   * @since 7
+   */
+  Horizontal,
+}
+
+/**
+ * HorizontalAlign enumeration description.
+ * @since 7
+ */
+export declare enum HorizontalAlign {
+  /**
+   * Aligns the start end in the language direction.
+   * @since 7
+   */
+  Start,
+
+  /**
+   * Center alignment. The default alignment mode is used.
+   * @since 7
+   */
+  Center,
+
+  /**
+   * Aligns the ends in the language direction.
+   * @since 7
+   */
+  End,
+}
+
+/**
+ * FlexAlign enumeration description.
+ * @since 7
+ */
+export declare enum FlexAlign {
+  /**
+   * The element is aligned at the head of the principal axis,
+   * the first element is aligned with the head of the row, and subsequent elements are aligned with the previous one.
+   * @since 7
+   */
+  Start,
+
+  /**
+   * The elements are centered in the direction of the principal axis,
+   * and the first element is the same distance from the beginning of the row as the last element is from the end of the row.
+   * @since 7
+   */
+  Center,
+
+  /**
+   * The element is aligned at the tail of the principal axis,
+   * the last element is aligned at the end of the row, and the other elements are aligned with the next.
+   * @since 7
+   */
+  End,
+
+  /**
+   * Elastic elements are evenly distributed in the direction of the Flex principal axis,
+   * with the same distance between adjacent elements.
+   * The first element aligns with the beginning of the line, and the last element aligns with the end of the line.
+   * @since 7
+   */
+  SpaceBetween,
+
+  /**
+   * Elastic elements are evenly distributed in the direction of the Flex principal axis,
+   *  with the same distance between adjacent elements. Half the distance between adjacent elements as the distance between
+   * the first element and the distance between the last element and the end of the row.
+   * @since 7
+   */
+  SpaceAround,
+
+  /**
+   * Elements in the Flex axis direction are evenly spaced.
+   * The spacing between adjacent elements, the spacing between the first element and the beginning of the row,
+   * and the spacing between the last element and the end of the row are the same.
+   * @since 7
+   */
+  SpaceEvenly,
+}
+
+/**
+ * ItemAlign enumeration description
+ * @since 7
+ */
+export declare enum ItemAlign {
+  /**
+   * Use the default configuration in the Flex container.
+   * @since 7
+   */
+  Auto,
+
+  /**
+   * The element is in the Flex container with the cross-axis direction head aligned.
+   * @since 7
+   */
+  Start,
+
+  /**
+   * The element is centered in the Flex container with the cross axis direction aligned.
+   * @since 7
+   */
+  Center,
+
+  /**
+   * The element is bottom aligned in the Flex container with the cross axis direction.
+   * @since 7
+   */
+  End,
+
+  /**
+   * Element In the Flex container, the cross-axis direction text baseline is aligned.
+   * @since 7
+   */
+  Baseline,
+
+  /**
+   * Element In a Flex container, the fill is stretched across the axis and, when no dimension is set, to the container size.
+   * @since 7
+   */
+  Stretch,
+}
+
+/**
+ * FlexDirection enumeration description
+ * @since 7
+ */
+export declare enum FlexDirection {
+  /**
+   * The main axis is consistent with the row direction as the layout mode.
+   * @since 7
+   */
+  Row,
+
+  /**
+   * The main axis is consistent with the column direction as the layout mode.
+   * @since 7
+   */
+  Column,
+
+  /**
+   * The layout is in the opposite direction to the Row direction.
+   * @since 7
+   */
+  RowReverse,
+
+  /**
+   * Layout in the opposite direction to the column.
+   * @since 7
+   */
+  ColumnReverse,
+}
+
+/**
+ * FlexWrap enumeration description
+ * @since 7
+ */
+export declare enum FlexWrap {
+  /**
+   * The Flex container has a single row/column layout of elements, and children are allowed to go beyond the container.
+   * @since 7
+   */
+  NoWrap,
+
+  /**
+   * The elements of the Flex container are arranged in multiple rows or columns, and the sub-items are allowed to exceed the container.
+   * @since 7
+   */
+  Wrap,
+
+  /**
+   * The elements of the Flex container are arranged in reverse multiple rows/columns, and children are allowed to exceed the container.
+   * @since 7
+   */
+  WrapReverse,
+}
+
+/**
+ * VerticalAlign enumeration description
+ * @since 7
+ */
+export declare enum VerticalAlign {
+  /**
+   * Top alignment.
+   * @since 7
+   */
+  Top,
+
+  /**
+   * Center alignment. The default alignment mode is used.
+   * @since 7
+   */
+  Center,
+
+  /**
+   * Bottom alignment.
+   * @since 7
+   */
+  Bottom,
+}
+
+/**
+ * ImageRepeat enumeration description
+ * @since 7
+ */
+export declare enum ImageRepeat {
+  /**
+   * Do not draw the picture again.
+   * @since 7
+   */
+  NoRepeat,
+
+  /**
+   * Repeat the drawing only on the horizontal axis.
+   * @since 7
+   */
+  X,
+
+  /**
+   * Repeat the drawing only on the vertical axis.
+   * @since 7
+   */
+  Y,
+
+  /**
+   * Draw the picture repeatedly on both axes.
+   * @since 7
+   */
+  XY,
+}
+
+/**
+ * ImageSize enumeration description
+ * @since 7
+ */
+export declare enum ImageSize {
+  /**
+   * Keep the scale of the original image unchanged.
+   * @since 7
+   */
+  Auto,
+
+  /**
+   * Default value. Keep the aspect ratio to zoom in or out the image so that both sides of the image are greater than or equal to the display boundary.
+   * @since 7
+   */
+  Cover,
+
+  /**
+   * Keep the aspect ratio to zoom out or zoom in so that the image is completely displayed within the display boundary.
+   * @since 7
+   */
+  Contain,
+}
+
+/**
+ * GradientDirection enumeration description
+ * @since 7
+ */
+export declare enum GradientDirection {
+  /**
+   * Right to left.
+   * @since 7
+   */
+  Left,
+
+  /**
+   * From the bottom up.
+   * @since 7
+   */
+  Top,
+
+  /**
+   * From left to right.
+   * @since 7
+   */
+  Right,
+
+  /**
+   * From the top down.
+   * @since 7
+   */
+  Bottom,
+
+  /**
+   * Top Left
+   * @since 7
+   */
+  LeftTop,
+
+  /**
+   * Left Bottom
+   * @since 7
+   */
+  LeftBottom,
+
+  /**
+   * Right Top
+   * @since 7
+   */
+  RightTop,
+
+  /**
+   * Right Bottom
+   * @since 7
+   */
+  RightBottom,
+
+  /**
+   * None
+   * @since 7
+   */
+  None,
+}
+
+/**
+ * SharedTransitionEffectType enumeration description
+ * @since 7
+ */
+export declare enum SharedTransitionEffectType {
+  /**
+   * The location of the destination page element remains unchanged, and you can configure the transparency animation. Currently,
+   * only the static effect configured for redirecting to the target page takes effect.
+   * @since 7
+   */
+  Static,
+
+  /**
+   * Move the source page element to the destination page element location and scale it appropriately.
+   * @since 7
+   */
+  Exchange,
+}
+
+/**
+ * Text style
+ * @since 7
+ */
+export declare enum FontStyle {
+  /**
+   * Default style.
+   * @since 7
+   */
+  Normal,
+
+  /**
+   * Italic style.
+   * @since 7
+   */
+  Italic,
+}
+
+/**
+ * The font weight of the text
+ * @since 7
+ */
+export declare enum FontWeight {
+  /**
+   * Defines a lighter value than [Inherited Value]..
+   * @since 7
+   */
+  Lighter,
+
+  /**
+   * Normal font. Equivalent to a digital value of 400.
+   * @since 7
+   */
+  Normal,
+
+  /**
+   * Defines a more general value than [Inherited Value].
+   * @since 7
+   */
+  Regular,
+
+  /**
+   * Defines a value that is more centered than [Inherited Value].
+   * @since 7
+   */
+  Medium,
+
+  /**
+   * Bold. Equivalent to a numeric value of 700.
+   * @since 7
+   */
+  Bold,
+
+  /**
+   * Defines a value that is heavier than [Inherited Value].
+   * @since 7
+   */
+  Bolder,
+}
+
+/**
+ * Alignment of text.
+ * @since 7
+ */
+export declare enum TextAlign {
+  /**
+   * Center the text.
+   * @since 7
+   */
+  Center,
+
+  /**
+   * The text is aligned in the same direction as the writing
+   * @since 7
+   */
+  Start,
+
+  /**
+   * The text is aligned in the opposite direction of writing
+   * @since 7
+   */
+  End,
+}
+
+/**
+ * Declare how text overflows.
+ * @since 7
+ */
+export declare enum TextOverflow {
+  /**
+   * When the text is too long, it will be cropped and displayed.
+   * @since 7
+   */
+
+  Clip,
+  /**
+   * If the text is too long, the text that cannot be displayed shall be replaced by ellipsis.
+   * @since 7
+   */
+
+  Ellipsis,
+
+  /**
+   * Text is not cropped when it is too long.
+   * @since 7
+   */
+  None,
+}
+
+/**
+ * Type of text modifier.
+ * @since 7
+ */
+export declare enum TextDecorationType {
+  /**
+   * Do not use text decorative lines.
+   * @since 7
+   */
+  None,
+
+  /**
+   * Underline the words.
+   * @since 7
+   */
+  Underline,
+
+  /**
+   * Text is in all uppercase.
+   * @since 7
+   */
+  Overline,
+
+  /**
+   * A modifier line that passes through the text.
+   * @since 7
+   */
+  LineThrough,
+}
+
+/**
+ * Letter type in text
+ * @since 7
+ */
+export declare enum TextCase {
+  /**
+   * The default is normal.
+   * @since 7
+   */
+  Normal,
+
+  /**
+   * The text is all lowercase.
+   * @since 7
+   */
+  LowerCase,
+
+  /**
+   * The text is all uppercase.
+   * @since 7
+   */
+  UpperCase,
+}
diff --git a/api/@internal/component/ets/flex.d.ts b/api/@internal/component/ets/flex.d.ts
index badc2194d3207f926027bc8b575a02862035c150..2ec898013fd9df1f737aa40fbd2d6dd72f83ed23 100644
--- a/api/@internal/component/ets/flex.d.ts
+++ b/api/@internal/component/ets/flex.d.ts
@@ -13,13 +13,62 @@
  * limitations under the License.
  */
 
-import {CommonMethod, FlexDirection, FlexWrap, FlexAlign, ItemAlign} from "./common";
+import { CommonMethod } from "./common";
+import { FlexAlign, FlexDirection, FlexWrap, ItemAlign } from "./enums";
 
-interface Flex extends CommonMethod<Flex> {
-  (value?: {
-    direction?: FlexDirection, wrap?: FlexWrap, justifyContent?: FlexAlign,
-    alignItems?: ItemAlign, alignContent?: FlexAlign
-  }): Flex;
+/**
+ * Defines the option of Flex.
+ * @since 7
+ */
+export declare interface FlexOption {
+  /**
+   * Sets the horizontal layout of elements.
+   * @since 7
+   */
+  direction?: FlexDirection;
+
+  /**
+   * Whether the Flex container is a single row/column arrangement or a multi-row/column arrangement.
+   * @since 7
+   */
+  wrap?: FlexWrap;
+
+  /**
+   * The alignment format of the subassembly on the Flex container spindle.
+   * @since 7
+   */
+  justifyContent?: FlexAlign;
+
+  /**
+   * Alignment Format for Subassembly on Flex Container Cross Axis.
+   * @since 7
+   */
+  alignItems?: ItemAlign;
+
+  /**
+   * The alignment of multiple lines of content when there is extra space in the cross axis.
+   * @since 7
+   */
+  alignContent?: FlexAlign;
 }
 
+/**
+ * Provides a monthly view component to display information such as date, shift break, and schedule.
+ * @since 7
+ */
+interface Flex extends FlexAttribute<Flex> {
+  /**
+   * Defines the constructor of Flex.
+   * @since 7
+   */
+  (value?: FlexOption): Flex;
+}
+
+/**
+ * Defines the Flex attribute functions.
+ * @since 7
+ */
+declare class FlexAttribute<T> extends CommonMethod<T> {}
+
+export declare class FlexExtend<T> extends FlexAttribute<T> {}
 export declare const FlexInterface: Flex;
diff --git a/api/@internal/component/ets/forEach.d.ts b/api/@internal/component/ets/forEach.d.ts
index a6c6da6b3ff2ec4eea92b2798a55eb03144325e7..8af39463ae410db91e5cdce61a82096b31b20ef7 100644
--- a/api/@internal/component/ets/forEach.d.ts
+++ b/api/@internal/component/ets/forEach.d.ts
@@ -13,9 +13,24 @@
  * limitations under the License.
  */
 
+/**
+ * looping
+ * @since 7
+ */
 interface ForEach {
-  (arr: Array<any>, itemGenerator: (item: any, index?: number) => void,
-   keyGenerator?: (item: any, index?: number) => string): ForEach;
+  /**
+   * Set the value, array, and key.
+   * @since 7
+   */
+  (
+    arr: Array<any>,
+    itemGenerator: (item: any, index?: number) => void,
+    keyGenerator?: (item: any, index?: number) => string,
+  ): ForEach;
 }
 
+/**
+ * @devices phone, tablet, car
+ * @since 7
+ */
 export declare const ForEachInterface: ForEach;
diff --git a/api/@internal/component/ets/form_component.d.ts b/api/@internal/component/ets/form_component.d.ts
index 77243d3e9e5bffc1756ff896ed88800067f25c1f..f8dd684198e6fbf6d494d81b5f5ed7c66225236e 100644
--- a/api/@internal/component/ets/form_component.d.ts
+++ b/api/@internal/component/ets/form_component.d.ts
@@ -13,33 +13,126 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Visibility} from "./common";
+import { CommonMethod } from "./common";
+import { Visibility } from "./enums";
 
+/**
+ * Defines the FormDimension enum.
+ * @since 7
+ * @systemapi
+ */
 export declare enum FormDimension {
+  /**
+   * 1 x 2 cards
+   * @since 7
+   * @systemapi
+   */
   Dimension_1_2,
+
+  /**
+   * 2 x 2 cards
+   * @since 7
+   * @systemapi
+   */
   Dimension_2_2,
+
+  /**
+   * 2 x 4 cards
+   * @since 7
+   * @systemapi
+   */
   Dimension_2_4,
-  Dimension_4_4
+
+  /**
+   * 4 x 4 cards
+   * @since 7
+   * @systemapi
+   */
+  Dimension_4_4,
 }
 
-interface FormComponent extends CommonMethod<FormComponent> {
-  (value: {id: number, name: string, bundle: string, ability: string, module: string, dimension?: FormDimension}): FormComponent;
+/**
+ * Defines the FormComponent.
+ * @since 7
+ * @systemapi
+ */
+interface FormComponent extends FormComponentAttribute<FormComponent> {
+  /**
+   * Set a new value.
+   * @since 7
+   * @systemapi
+   */
+  (value: {
+    id: number;
+    name: string;
+    bundle: string;
+    ability: string;
+    module: string;
+    dimension?: FormDimension;
+  }): FormComponent;
+}
 
-  size(value: {width: number, height: number}): FormComponent;
+/**
+ * @since 7
+ * @systemapi
+ */
+declare class FormComponentAttribute<T> extends CommonMethod<T> {
+  /**
+   * Sets the display area size of the card.
+   * @since 7
+   * @systemapi
+   */
+  size(value: { width: number; height: number }): T;
 
-  moduleName(value: string): FormComponent;
+  /**
+   * Card module name.
+   * @since 7
+   * @systemapi
+   */
+  moduleName(value: string): T;
 
-  dimension(value: FormDimension): FormComponent;
+  /**
+   * Set the card size.
+   * @since 7
+   * @systemapi
+   */
+  dimension(value: FormDimension): T;
 
-  allowUpdate(value: boolean): FormComponent;
+  /**
+   * Indicates whether to allow card update.
+   * @since 7
+   * @systemapi
+   */
+  allowUpdate(value: boolean): T;
 
-  visibility(value: Visibility): FormComponent;
+  /**
+   * Whether the card is visible.
+   * @since 7
+   * @systemapi
+   */
+  visibility(value: Visibility): T;
 
-  onAcquired(callback: (info: {id: number}) => void): FormComponent;
+  /**
+   * This function is triggered after card information is obtained. For details about the form information, see the definition of the original capability subsystem.
+   * @since 7
+   * @systemapi
+   */
+  onAcquired(callback: (info: { id: number }) => void): T;
 
-  onError(callback: (info: {errcode: number, msg: string}) => void): FormComponent;
+  /**
+   * Card loading error.
+   * @since 7
+   * @systemapi
+   */
+  onError(callback: (info: { errcode: number; msg: string }) => void): T;
 
-  onRouter(callback: (info: any) => void): FormComponent;
+  /**
+   * Card to be redirected.
+   * @since 7
+   * @systemapi
+   */
+  onRouter(callback: (info: any) => void): T;
 }
 
+export declare class FormComponentExtend<T> extends FormComponentAttribute<T> {}
 export declare const FormComponentInterface: FormComponent;
diff --git a/api/@internal/component/ets/gauge.d.ts b/api/@internal/component/ets/gauge.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..601030ad7866e6d4ae57ec399c75fd2be9cdbf13
--- /dev/null
+++ b/api/@internal/component/ets/gauge.d.ts
@@ -0,0 +1,81 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { CommonMethod } from "./common";
+import { Color } from "./enums";
+
+/**
+ * Defines the Guage component.
+ * @since 8
+ */
+interface Gauge extends GaugeAttribute<Gauge> {
+  /**
+   * value:Current data value.
+   * min: Current Segment Minimum Value
+   * max: Current Segment Maximum Value
+   * @since 8
+   */
+  (options: { value: number; min?: number; max?: number }): Gauge;
+}
+
+/**
+ * @since 8
+ */
+declare class GaugeAttribute<T> extends CommonMethod<T> {
+  /**
+   * Sets the value for the current profile.
+   * @since 8
+   */
+  value(value: number): T;
+
+  /**
+   * Set the start angle. Clock 0 is 0 degrees and clockwise is positive.
+   * @since 8
+   */
+  startAngle(angle: number): T;
+
+  /**
+   * Sets the end angle position. Clock 0 is 0 degrees and clockwise is positive.
+   * @since 8
+   */
+  endAngle(angle: number): T;
+
+  /**
+   * Set the color of the chart. You can set the solid color and segmented gradient color.
+   * @since 8
+   */
+  colors(colors: Array<any>): T;
+
+  /**
+   * Sets the thickness of the ring chart.
+   * @since 8
+   */
+  strokeWidth(length: number): T;
+
+  /**
+   * Mark points describe the content of the text.
+   * @since 8
+   */
+  labelTextConfig(markedLabelText: string): T;
+
+  /**
+   * Color of the marker point description text.
+   * @since 8
+   */
+  labelColorConfig(markedLabelColor: Color): T;
+}
+
+export declare class GaugeExtend<T> extends GaugeAttribute<T> {}
+export declare const GaugeInterface: Gauge;
diff --git a/api/@internal/component/ets/geometry_view.d.ts b/api/@internal/component/ets/geometry_view.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5579704f336507f5fa1f07196e0a28c947945736
--- /dev/null
+++ b/api/@internal/component/ets/geometry_view.d.ts
@@ -0,0 +1,37 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { CommonMethod } from "./common";
+
+/**
+ * Defines the GeometryView Component.
+ * @since 8
+ */
+interface GeometryView extends GeometryViewAttribute<GeometryView> {
+  /**
+   * Callback function.
+   * @since 8
+   */
+  (callback: (geometry?: any) => void): GeometryView;
+}
+
+/**
+ * Inherit Public
+ * @since 8
+ */
+declare class GeometryViewAttribute<T> extends CommonMethod<T> {}
+
+export declare class GeometryViewExtend<T> extends GeometryViewAttribute<T> {}
+export declare const GeometryViewInterface: GeometryView;
diff --git a/api/@internal/component/ets/gesture.d.ts b/api/@internal/component/ets/gesture.d.ts
index 4527d5200193c88416b5b7eab1af38a5c56776b7..b5c61a15f7dd97bb08bd2e7416e6a1eaf1015583 100644
--- a/api/@internal/component/ets/gesture.d.ts
+++ b/api/@internal/component/ets/gesture.d.ts
@@ -13,119 +13,415 @@
  * limitations under the License.
  */
 
+/**
+ * Creating an Object
+ * @since 7
+ */
 export declare enum GestureDirection {
+  /**
+   * Sliding in all directions.
+   * @since 7
+   */
   All,
+
+  /**
+   * Sliding horizontally.
+   * @since 7
+   */
   Horizontal,
-  Vertical
+
+  /**
+   * Sliding Vertical
+   * @since 7
+   */
+  Vertical,
 }
 
+/**
+ * Creating an Object
+ * @since 7
+ */
 export declare enum PanDirection {
-    None,
-    Horizontal,
-    Left,
-    Right,
-    Vertical,
-    Up,
-    Down,
-    All
+  /**
+   * Default.
+   * @since 7
+   */
+  None,
+
+  /**
+   * Sliding horizontally.
+   * @since 7
+   */
+  Horizontal,
+
+  /**
+   * Sliding left.
+   * @since 7
+   */
+  Left,
+
+  /**
+   * Sliding right.
+   * @since 7
+   */
+  Right,
+
+  /**
+   * Sliding Vertical
+   * @since 7
+   */
+  Vertical,
+
+  /**
+   * Sliding up.
+   * @since 7
+   */
+  Up,
+
+  /**
+   * Sliding Down.
+   * @since 7
+   */
+  Down,
+
+  /**
+   * Sliding in all directions.
+   * @since 7
+   */
+  All,
 }
 
+/**
+ * Creating an Object
+ * @since 7
+ */
 export declare enum GestureMode {
+  /**
+   * Sequential gesture recognition is performed in sequence according to the gesture registration sequence.
+   * @since 7
+   */
   Sequence,
+
+  /**
+   * Simultaneous recognition. Registration gestures participate in recognition. Everything can be triggered.
+   * @since 7
+   */
   Parallel,
-  Exclusive
+
+  /**
+   * Mutually exclusive recognition. Only one gesture is successfully recognized.
+   * @since 7
+   */
+  Exclusive,
 }
 
+/**
+ * Creating an Object
+ * @since 7
+ */
 export declare enum GestureMask {
+  /**
+   * High-priority response to the current gesture.When the current gesture fails to be recognized, other gesture responses are triggered.For gestures with the same priority, responses are performed based on the recognition sequence.
+   * @since 7
+   */
   Normal,
-  IgnoreInternal
+
+  /**
+   * Ignore internal gestures and recognize the current gesture first.
+   * @since 7
+   */
+  IgnoreInternal,
 }
 
+/**
+ * Creating an Object
+ * @since 7
+ */
 export declare type GestureType =
-  TapGesture
-  | LongPressGesture
-  | PanGesture
-  | PinchGesture
-  | RotationGesture
-  | GestureGroup
+  /**
+   * Set a type value.
+   * @since 7
+   */
+  TapGesture | LongPressGesture | PanGesture | PinchGesture | RotationGesture | GestureGroup;
 
-export interface GestureEvent {
+/**
+ * long press gesture event used in the longpress scenario.
+ * @since 7
+ */
+export interface LongPressGestureEvent extends GestureEvent {
+  /**
+   * Indicates whether an event is triggered repeatedly.
+   * @since 7
+   */
   repeat: boolean;
+}
+
+/**
+ * pan gesture event used in the pan gesture triggering scenario.
+ */
+export interface PanGestureEvent extends GestureEvent {
+  /**
+   * Gesture event offset X.
+   * @since 7
+   */
   offsetX: number;
+
+  /**
+   * Gesture event offset Y.
+   * @since 7
+   */
   offsetY: number;
+}
+
+/**
+ * pinch gesture event used for triggering the pinch gesture.
+ * @since 7
+ */
+export interface PinchGestureEvent extends GestureEvent {
+  /**
+   * Scaling ratio.
+   * @since 7
+   */
   scale: number;
-  angle: number;
-  timestamp: number;
-  globalX: number;
-  globalY: number;
-  localX: number;
-  localY: number;
+
+  /**
+   * X-axis coordinate of the kneading center point, in pixels.
+   * @since 7
+   */
   pinchCenterX: number;
+
+  /**
+   * Y-axis coordinate of the kneading center point, in pixels.
+   * @since 7
+   */
   pinchCenterY: number;
 }
 
+/**
+ * rotation gesture event used for triggering the pinch gesture.
+ * @since 7
+ */
+export interface RotationGestureEvent extends GestureEvent {
+  /**
+   * Rotation angle.
+   * @since 7
+   */
+  angle: number;
+}
+
+/**
+ * base event for gesture.
+ * @since 7
+ */
+export interface GestureEvent {
+  /**
+   * Event timestamp.
+   * @since 7
+   */
+  timestamp: number;
+}
+
+/**
+ * Creating an interface
+ * @since 7
+ */
 interface TapGesture {
-  (value?: { count?: number, fingers?: number }): TapGesture;
+  /**
+   * Set the value.
+   * count:Number of consecutive clicks recognized. If the value is less than 1, the default value is used.
+   * fingers:The hand index that triggers the click. If the value is less than 1, the default value is used.
+   * @since 7
+   */
+  (value?: { count?: number; fingers?: number }): TapGesture;
 
+  /**
+   * Tap gesture recognition success callback.
+   * @since 7
+   */
   onAction(event: (event?: GestureEvent) => void): TapGesture;
 }
 
+/**
+ * Creating an interface
+ * @since 7
+ */
 interface LongPressGesture {
-  (value?: { fingers?: number, repeat?: boolean, duration?: number }): LongPressGesture;
+  /**
+   * Set the value.
+   * fingers: Indicates the hand index that triggers the long press.
+   * repeat: Indicates whether to trigger event callback continuously.
+   * duration: Minimum press and hold time, in milliseconds.
+   * @since 7
+   */
+  (value?: { fingers?: number; repeat?: boolean; duration?: number }): LongPressGesture;
 
-  onAction(event: (event?: GestureEvent) => void): LongPressGesture;
+  /**
+   * LongPress gesture recognition success callback.
+   * @since 7
+   */
+  onAction(event: (event?: LongPressGestureEvent) => void): LongPressGesture;
 
-  onActionEnd(event: (event?: GestureEvent) => void): LongPressGesture;
+  /**
+   * The LongPress gesture is successfully recognized. When the finger is lifted, the callback is triggered.
+   * @since 7
+   */
+  onActionEnd(event: (event?: LongPressGestureEvent) => void): LongPressGesture;
 
+  /**
+   * The LongPress gesture is successfully recognized and a callback is triggered when the touch cancel event is received.
+   * @since 7
+   */
   onActionCancel(event: () => void): LongPressGesture;
 }
 
+/**
+ * @since 7
+ */
 export declare class PanGestureOption {
-  constructor(value?: { fingers?: number, direction?: PanDirection, distance?: number });
+  /**
+   * Constructor parameters.
+   * @since 7
+   */
+  constructor(value?: { fingers?: number; direction?: PanDirection; distance?: number });
+
+  /**
+   * Sets the direction attribute.
+   * @since 7
+   */
   setDirection(value: PanDirection);
+
+  /**
+   * Sets the setDistance attribute.
+   * @since 7
+   */
   setDistance(value: number);
+
+  /**
+   * Sets the setFingers attribute.
+   * @since 7
+   */
   setFingers(value: number);
 }
 
+/**
+ * @since 7
+ */
 interface PanGesture {
-  (value?: { fingers?: number, direction?: PanDirection, distance?: number } | PanGestureOption): PanGesture;
+  /**
+   * Set the value.
+   * @since 7
+   */
+  (value?: { fingers?: number; direction?: PanDirection; distance?: number } | PanGestureOption): PanGesture;
 
-  onActionStart(event: (event?: GestureEvent) => void): PanGesture;
+  /**
+   * Pan gesture recognition success callback.
+   * @since 7
+   */
+  onActionStart(event: (event?: PanGestureEvent) => void): PanGesture;
 
-  onActionUpdate(event: (event?: GestureEvent) => void): PanGesture;
+  /**
+   * Callback when the Pan gesture is moving.
+   * @since 7
+   */
+  onActionUpdate(event: (event?: PanGestureEvent) => void): PanGesture;
 
-  onActionEnd(event: (event?: GestureEvent) => void): PanGesture;
+  /**
+   * The Pan gesture is successfully recognized. When the finger is lifted, the callback is triggered.
+   * @since 7
+   */
+  onActionEnd(event: (event?: PanGestureEvent) => void): PanGesture;
 
+  /**
+   * The Pan gesture is successfully recognized and a callback is triggered when the touch cancel event is received.
+   * @since 7
+   */
   onActionCancel(event: () => void): PanGesture;
 }
 
+/**
+ * @since 7
+ */
 interface PinchGesture {
-  (value?: { fingers?: number, distance?: number }): PinchGesture;
+  /**
+   * Set the value.
+   * @since 7
+   */
+  (value?: { fingers?: number; distance?: number }): PinchGesture;
 
-  onActionStart(event: (event?: GestureEvent) => void): PinchGesture;
+  /**
+   * Pan gesture recognition success callback.
+   * @since 7
+   */
+  onActionStart(event: (event?: PinchGestureEvent) => void): PinchGesture;
 
-  onActionUpdate(event: (event?: GestureEvent) => void): PinchGesture;
+  /**
+   * Callback when the Pan gesture is moving.
+   * @since 7
+   */
+  onActionUpdate(event: (event?: PinchGestureEvent) => void): PinchGesture;
 
-  onActionEnd(event: (event?: GestureEvent) => void): PinchGesture;
+  /**
+   * The Pan gesture is successfully recognized. When the finger is lifted, the callback is triggered.
+   * @since 7
+   */
+  onActionEnd(event: (event?: PinchGestureEvent) => void): PinchGesture;
 
+  /**
+   * The Pan gesture is successfully recognized and a callback is triggered when the touch cancel event is received.
+   * @since 7
+   */
   onActionCancel(event: () => void): PinchGesture;
 }
 
+/**
+ * @since 7
+ */
 interface RotationGesture {
-  (value?: { fingers?: number, angle?: number }): RotationGesture;
+  /**
+   * Set the value.
+   * @since 7
+   */
+  (value?: { fingers?: number; angle?: number }): RotationGesture;
 
-  onActionStart(event: (event?: GestureEvent) => void): RotationGesture;
+  /**
+   * Pan gesture recognition success callback.
+   * @since 7
+   */
+  onActionStart(event: (event?: RotationGestureEvent) => void): RotationGesture;
 
-  onActionUpdate(event: (event?: GestureEvent) => void): RotationGesture;
+  /**
+   * Callback when the Pan gesture is moving.
+   * @since 7
+   */
+  onActionUpdate(event: (event?: RotationGestureEvent) => void): RotationGesture;
 
-  onActionEnd(event: (event?: GestureEvent) => void): RotationGesture;
+  /**
+   * The Pan gesture is successfully recognized. When the finger is lifted, the callback is triggered.
+   * @since 7
+   */
+  onActionEnd(event: (event?: RotationGestureEvent) => void): RotationGesture;
 
+  /**
+   * The Pan gesture is successfully recognized and a callback is triggered when the touch cancel event is received.
+   * @since 7
+   */
   onActionCancel(event: () => void): RotationGesture;
 }
 
+/**
+ * @since 7
+ */
 interface GestureGroup {
+  /**
+   * Return to Obtain GestureGroup.
+   * @since 7
+   */
   (mode: GestureMode, ...gesture: GestureType[]): GestureGroup;
 
+  /**
+   * The Pan gesture is successfully recognized and a callback is triggered when the touch cancel event is received.
+   * @since 7
+   */
   onCancel(event: () => void): GestureGroup;
 }
 
diff --git a/api/@internal/component/ets/grid.d.ts b/api/@internal/component/ets/grid.d.ts
index 426aacc3ceecf7c67319439724fa9c5e583a1de2..227084a5abeb304d5dea7ebd9fd9963a62a44913 100644
--- a/api/@internal/component/ets/grid.d.ts
+++ b/api/@internal/component/ets/grid.d.ts
@@ -13,27 +13,80 @@
  * limitations under the License.
  */
 
-import {CommonMethod, BarState, Color} from "./common";
-import {Scroller} from "./scroll";
+import { CommonMethod } from "./common";
+import { BarState, Color } from "./enums";
+import { Scroller } from "./scroll";
+import { Length } from "./units";
 
-interface Grid extends CommonMethod<Grid> {
+/**
+ * @since 7
+ */
+interface Grid extends GridAttribute<Grid> {
+  /**
+   * Grid is returned when the parameter is transferred.
+   * @since 7
+   */
   (scroller?: Scroller): Grid;
+}
+
+/**
+ * @since 7
+ */
+declare class GridAttribute<T> extends CommonMethod<T> {
+  /**
+   * This parameter specifies the number of columns in the current grid layout.
+   * @since 7
+   */
+  columnsTemplate(value: string): T;
 
-  columnsTemplate(value: string): Grid;
+  /**
+   * Lets you set the number of rows in the current grid layout,
+   * @since 7
+   */
+  rowsTemplate(value: string): T;
 
-  rowsTemplate(value: string): Grid;
+  /**
+   * Allows you to set the spacing between columns.
+   * @since 7
+   */
+  columnsGap(value: Length): T;
 
-  columnsGap(value: number | string): Grid;
+  /**
+   * Lets you set the spacing between rows.
+   * @since 7
+   */
+  rowsGap(value: Length): T;
 
-  rowsGap(value: number | string): Grid;
+  /**
+   * This parameter specifies the width of the scroll bar.
+   * @since 7
+   */
+  scrollBarWidth(value: number | string): T;
 
-  scrollBarWidth(value: number | string): Grid;
+  /**
+   * Sets the color of the scroll bar.
+   * @since 7
+   */
+  scrollBarColor(value: Color | number | string): T;
 
-  scrollBarColor(value: Color | number | string): Grid;
+  /**
+   * Lets you set the spacing between rows.
+   * @since 7
+   */
+  scrollBar(value: BarState): T;
 
-  scrollBar(value: BarState): Grid;
+  /**
+   * Sets the status of the scroll bar.
+   * @since 7
+   */
+  onScrollIndex(event: (first: number) => void): T;
 
-  onScrollIndex(event: (first: number) => void): Grid;
+  /**
+   * cached Count
+   * @since 7
+   */
+  cachedCount(value: number): T;
 }
 
+export declare class GridExtend<T> extends GridAttribute<T> {}
 export declare const GridInterface: Grid;
diff --git a/api/@internal/component/ets/gridItem.d.ts b/api/@internal/component/ets/gridItem.d.ts
index 865d3a1d68b89227912d70ca1d22028288a9c4e1..341fe7d9db93fcca73ad90643383646b5fd42e57 100644
--- a/api/@internal/component/ets/gridItem.d.ts
+++ b/api/@internal/component/ets/gridItem.d.ts
@@ -13,20 +13,54 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
+import { CommonMethod } from "./common";
 
-interface GridItem extends CommonMethod<GridItem> {
+/**
+ * Mesh container for static fixed-size layout scenarios.
+ * @since 7
+ */
+interface GridItem extends GridItemAttribute<GridItem> {
+  /**
+   * Return to get GridItem.
+   * @since 7
+   */
   (): GridItem;
+}
 
-  rowStart(value: number): GridItem;
+/**
+ * @since 7
+ */
+declare class GridItemAttribute<T> extends CommonMethod<T> {
+  /**
+   * This parameter specifies the start line number of the current element.
+   * @since 7
+   */
+  rowStart(value: number): T;
 
-  rowEnd(value: number): GridItem;
+  /**
+   * Specifies the end line number of the current element.
+   * @since 7
+   */
+  rowEnd(value: number): T;
 
-  columnStart(value: number): GridItem;
+  /**
+   * This parameter specifies the start column number of the current element.
+   * @since 7
+   */
+  columnStart(value: number): T;
 
-  columnEnd(value: number): GridItem;
+  /**
+   * This parameter specifies the end column number of the current element.
+   * @since 7
+   */
+  columnEnd(value: number): T;
 
-  forceRebuild(value: boolean): GridItem;
+  /**
+   * This parameter specifies whether to recreate the node when the component build is triggered.
+   * @since 7
+   */
+  forceRebuild(value: boolean): T;
 }
 
+export declare class GridItemExtend<T> extends GridItemAttribute<T> {}
 export declare const GridItemInterface: GridItem;
diff --git a/api/@internal/component/ets/grid_container.d.ts b/api/@internal/component/ets/grid_container.d.ts
index 55ca7fb72f4f7b3ea2d288a27ded05c74cf8ad11..fed3cf23a83c0ccdfa0f746aed5988691be2b349 100644
--- a/api/@internal/component/ets/grid_container.d.ts
+++ b/api/@internal/component/ets/grid_container.d.ts
@@ -13,25 +13,91 @@
  * limitations under the License.
  */
 
-import {Column} from "./column";
+import { ColumnAttribute } from "./column";
 
+/**
+ * Defines the size type.
+ * @since 7
+ */
 export declare enum SizeType {
+  /**
+   * Select a value based on the device type.
+   * @since 7
+   */
   Auto,
+
+  /**
+   * Select a value based on the device type.
+   * @since 7
+   */
   XS,
+
+  /**
+   * Small width type device.
+   * @since 7
+   */
   SM,
+
+  /**
+   * Medium width type device.
+   * @since 7
+   */
   MD,
-  LG
+
+  /**
+   * Large width type device.
+   * @since 7
+   */
+  LG,
+}
+
+/**
+ * Defines the option of GridContainer.
+ * @since 7
+ */
+export declare interface GridContainerOption {
+  /**
+   * Sets the total number of columns in the current layout.
+   * @since 7
+   */
+  columns?: number | "auto";
+
+  /**
+   * Select the device width type.
+   * @since 7
+   */
+  sizeType?: SizeType;
+
+  /**
+   * Grid layout column spacing.
+   * @since 7
+   */
+  gutter?: number | string;
+
+  /**
+   * Spacing on both sides of the grid layout.
+   * @since 7
+   */
+  margin?: number | string;
 }
 
-interface GridContainer extends Column {
-  (
-    value?: {
-      columns?: number | 'auto',
-      sizeType?: SizeType,
-      gutter?: number | string,
-      margin?: number | string
-    }
-  ): GridContainer;
+/**
+ * Defines the GridContainer component.
+ * @since 7
+ */
+interface GridContainer extends GridContainerAttribute<GridContainer> {
+  /**
+   * Defines the constructor of GridContainer.
+   * @since 7
+   */
+  (value?: GridContainerOption): GridContainer;
 }
 
-export declare const GridContainerInterface: GridContainer;
\ No newline at end of file
+/**
+ * Defines the grid container attribute from inheritance Column
+ * @since 7
+ */
+declare class GridContainerAttribute<T> extends ColumnAttribute<T> {}
+
+export declare class GridContainerExtend<T> extends GridContainerAttribute<T> {}
+export declare const GridContainerInterface: GridContainer;
diff --git a/api/@internal/component/ets/hyperlink.d.ts b/api/@internal/component/ets/hyperlink.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..bcd13fa15d91a107d91c86c8282915915d6228b0
--- /dev/null
+++ b/api/@internal/component/ets/hyperlink.d.ts
@@ -0,0 +1,45 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { CommonMethod } from "./common";
+import { Resource, ResourceColor } from "./units";
+
+/**
+ * @since 7
+ */
+interface Hyperlink extends HyperlinkAttribute<Hyperlink> {
+  /**
+   * Return to get Hyperlink.
+   * adress: Web page redirected by the hyperlink component.
+   * content: Hyperlinks in the hyperlink component display text.
+   * @since 7
+   */
+  (address: string | Resource, content?: string | Resource): Hyperlink;
+}
+
+/**
+ * inheritance CommonMethod
+ * @since 7
+ */
+declare class HyperlinkAttribute<T> extends CommonMethod<T> {
+  /**
+   * Set Color
+   * @since 7
+   */
+  color(value: ResourceColor): T;
+}
+
+export declare class HyperlinkExtend<T> extends HyperlinkAttribute<T> {}
+export declare const HyperlinkInterface: Hyperlink;
diff --git a/api/@internal/component/ets/image.d.ts b/api/@internal/component/ets/image.d.ts
index abe057ea2d2e9e0e2b3836ed9bd3e354cd580962..609c093447bcb174b2e48988f5a2ec068c419d17 100644
--- a/api/@internal/component/ets/image.d.ts
+++ b/api/@internal/component/ets/image.d.ts
@@ -13,48 +13,167 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, ImageRepeat, ImageFit, Resource, PixelMap} from "./common";
+import { CommonMethod, PixelMap } from "./common";
+import { ImageFit, ImageRepeat } from "./enums";
+import { Resource, ResourceColor } from "./units";
 
+/**
+ * @since 7
+ */
 export declare enum ImageRenderMode {
+  /**
+   * Render according to the original image, including colors.
+   * @since 7
+   */
   Original,
-  Template
+
+  /**
+   * Render the image as a template image, ignoring the color information of the image.
+   * @since 7
+   */
+  Template,
 }
 
+/**
+ * @since 7
+ */
 export declare enum ImageInterpolation {
+  /**
+   * Do not use interpolated image data.
+   * @since 7
+   */
   None,
-  Low,
-  Medium,
-  High
-}
-
-interface Image extends CommonMethod<Image> {
-  (src: string | PixelMap | Resource): Image;
-
-  alt(value: string | Resource): Image;
-
-  matchTextDirection(value: boolean): Image;
-
-  fitOriginalSize(value: boolean): Image;
-
-  fillColor(value: Color | number | string | Resource): Image;
 
-  objectFit(value: ImageFit): Image;
-
-  objectRepeat(value: ImageRepeat): Image;
-
-  autoResize(value: boolean): Image;
-
-  renderMode(value: ImageRenderMode): Image;
+  /**
+   * Low usage of interpolated image data.
+   * @since 7
+   */
+  Low,
 
-  interpolation(value: ImageInterpolation): Image;
+  /**
+   * Interpolated image data is used moderately.
+   * @since 7
+   */
+  Medium,
 
-  sourceSize(value: { width: number, height: number }): Image;
+  /**
+   * High usage of interpolated image data may affect the speed of image rendering.
+   * @since 7
+   */
+  High,
+}
 
-  onComplete(callback: (event?: { width: number, height: number, componentWidth: number, componentHeight: number, loadingStatus: number }) => void): Image;
+/**
+ * @since 7
+ */
+export declare class ImageExtend<T> extends ImageAttribute<T> {}
 
-  onError(callback: (event?: { componentWidth: number, componentHeight: number }) => void): Image;
+/**
+ * @since 7
+ */
+interface Image extends ImageAttribute<Image> {
+  /**
+   * Set src to obtain images.
+   * @since 7
+   */
+  (src: string | PixelMap | Resource): Image;
+}
 
-  onFinish(event: () => void): Image;
+/**
+ * @since 7
+ */
+declare class ImageAttribute<T> extends CommonMethod<T> {
+  /**
+   * Placeholder displayed on load
+   * @since 7
+   */
+  alt(value: string | Resource): T;
+
+  /**match Text Direction
+   * @since 7
+   */
+  matchTextDirection(value: boolean): T;
+
+  /**
+   * Indicates whether the image follows the text direction.
+   * @since 7
+   */
+  fitOriginalSize(value: boolean): T;
+
+  /**
+   * fill Color
+   * @since 7
+   */
+  fillColor(value: ResourceColor): T;
+
+  /**
+   * Sets the zoom type of an image.
+   * @since 7
+   */
+  objectFit(value: ImageFit): T;
+
+  /**
+   * Set the repeat style of the picture
+   * @since 7
+   */
+  objectRepeat(value: ImageRepeat): T;
+
+  /**
+   * Set the auto style of the picture
+   * @since 7
+   */
+  autoResize(value: boolean): T;
+
+  /**
+   * Sets the image rendering mode.
+   * @since 7
+   */
+  renderMode(value: ImageRenderMode): T;
+
+  /**
+   * Sets the interpolation effect of an image. The interpolation effect is only magnified for the image.
+   * @since 7
+   */
+  interpolation(value: ImageInterpolation): T;
+
+  /**
+   * Specifies the picture decoding size.
+   * The original picture is decoded into a picture of a specified size. The unit of the number type is px.
+   * @since 7
+   */
+  sourceSize(value: { width: number; height: number }): T;
+
+  /**
+   * This callback is triggered when an image is successfully loaded.
+   * The size of the image source that is successfully loaded is returned, in pixels.
+   * @since 7
+   */
+  onComplete(
+    callback: (event?: {
+      width: number;
+      height: number;
+      componentWidth: number;
+      componentHeight: number;
+      loadingStatus: number;
+    }) => void,
+  ): T;
+
+  /**
+   * This callback is triggered when an exception occurs during image loading.
+   * @since 7
+   */
+  onError(callback: (event?: { componentWidth: number; componentHeight: number }) => void): T;
+
+  /**
+   * When the loaded source file is a svg image, this callback is triggered when the playback of the svg image is complete.
+   * If the svg image is a wireless loop image, this callback is not triggered.
+   * @since 7
+   */
+  onFinish(event: () => void): T;
 }
 
+/**
+ * @devices phone, tablet, car
+ * @since 7
+ */
 export declare const ImageInterface: Image;
diff --git a/api/@internal/component/ets/image_animator.d.ts b/api/@internal/component/ets/image_animator.d.ts
index 896a4688040516787a9ca9cc6a1849fadf3bcb2d..90db5527307aeec6676866ca04c536d630703194 100644
--- a/api/@internal/component/ets/image_animator.d.ts
+++ b/api/@internal/component/ets/image_animator.d.ts
@@ -13,39 +13,112 @@
  * limitations under the License.
  */
 
-import {CommonMethod, AnimationStatus} from "./common";
+import { CommonMethod } from "./common";
+import { AnimationStatus } from "./enums";
 
-interface ImageAnimator extends CommonMethod<ImageAnimator> {
+/**
+ * @since 7
+ */
+interface ImageAnimator extends ImageAnimatorAttribute<ImageAnimator> {
+  /**
+   * ImageAimator is returned.
+   * @since 7
+   */
   (): ImageAnimator;
+}
 
-  images(value: Array<{
-    src: string, width?: number | string, height?: number | string, top?: number | string, left?:
-      number | string, duration?: number
-  }>): ImageAnimator;
-
-  state(value: AnimationStatus): ImageAnimator;
-
-  duration(value: number): ImageAnimator;
-
-  reverse(value: boolean): ImageAnimator;
-
-  fixedSize(value: boolean): ImageAnimator;
-
-  preDecode(value: number): ImageAnimator;
-
-  fillMode(value: FillMode): ImageAnimator;
-
-  iterations(value: number): ImageAnimator;
-
-  onStart(event: () => void): ImageAnimator;
-
-  onPause(event: () => void): ImageAnimator;
-
-  onRepeat(event: () => void): ImageAnimator;
-
-  onCancel(event: () => void): ImageAnimator;
-
-  onFinish(event: () => void): ImageAnimator;
+/**
+ * inheritance CommonMethod
+ * @since 7
+ */
+declare class ImageAnimatorAttribute<T> extends CommonMethod<T> {
+  /**
+   * list images
+   * @since 7
+   */
+  images(
+    value: Array<{
+      src: string;
+      width?: number | string;
+      height?: number | string;
+      top?: number | string;
+      left?: number | string;
+      duration?: number;
+    }>,
+  ): T;
+
+  /**
+   * The default value is the initial state, which is used to control the playback status.
+   * @since 7
+   */
+  state(value: AnimationStatus): T;
+
+  /**
+   * The unit is millisecond.
+   * @since 7
+   */
+  duration(value: number): T;
+
+  /**
+   * Set the playback sequence.
+   * @since 7
+   */
+  reverse(value: boolean): T;
+
+  /**
+   * Sets whether the image size is fixed to the component size.
+   * @since 7
+   */
+  fixedSize(value: boolean): T;
+
+  /**
+   * Indicates whether to enable pre-decoding.
+   * @since 7
+   */
+  preDecode(value: number): T;
+
+  /**
+   * Sets the state before and after the animation starts
+   * @since 7
+   */
+  fillMode(value: FillMode): T;
+
+  /**
+   * Played once by default
+   * @since 7
+   */
+  iterations(value: number): T;
+
+  /**
+   * Status callback, which is triggered when the animation starts to play.
+   * @since 7
+   */
+  onStart(event: () => void): T;
+
+  /**
+   * Status callback, which is triggered when the animation pauses.
+   * @since 7
+   */
+  onPause(event: () => void): T;
+
+  /**
+   * Status callback, triggered when the animation is replayed
+   * @since 7
+   */
+  onRepeat(event: () => void): T;
+
+  /**
+   * Status callback, which is triggered when the animation is canceled.
+   * @since 7
+   */
+  onCancel(event: () => void): T;
+
+  /**
+   * Status callback, which is triggered when the animation playback is complete.
+   * @since 7
+   */
+  onFinish(event: () => void): T;
 }
 
+export declare class ImageAnimatorExtend<T> extends ImageAnimatorAttribute<T> {}
 export declare const ImageAnimatorInterface: ImageAnimator;
diff --git a/api/@internal/component/ets/index.d.ts b/api/@internal/component/ets/index.d.ts
index 1e1ecbcf3b7674ce556f01ec48740dda5621c617..030035bd3e108a2e536add8657736e18a534d2d1 100644
--- a/api/@internal/component/ets/index.d.ts
+++ b/api/@internal/component/ets/index.d.ts
@@ -13,62 +13,74 @@
  * limitations under the License.
  */
 
-export * from './ability_component';
-export * from './alert_dialog';
-export * from './alphabet_indexer';
-export * from './animator';
-export * from './blank';
-export * from './button';
-export * from './calendar';
-export * from './camera';
-export * from './circle';
-export * from './column';
-export * from './column_split';
-export * from './common';
-export * from './counter';
-export * from './custom_dialog_controller';
-export * from './divider';
-export * from './ellipse';
-export * from './flex';
-export * from './forEach';
-export * from './form_component';
-export * from './geometryView';
-export * from './gesture';
-export * from './grid';
-export * from './gridItem';
-export * from './grid_container';
-export * from './image';
-export * from './image_animator';
-export * from './lazyForEach';
-export * from './list';
-export * from './listItem';
-export * from './loadingProgress';
-export * from './navigator';
-export * from './navigatorView';
-export * from './pageTransition';
-export * from './panel';
-export * from './path';
-export * from './piece';
-export * from './qrcode';
-export * from './rating';
-export * from './rect';
-export * from './row';
-export * from './row_split';
-export * from './scroll';
-export * from './shape';
-export * from './slider';
-export * from './span';
-export * from './stack';
-export * from './stateManagement';
-export * from './swiper';
-export * from './tab_content';
-export * from './tabs';
-export * from './text';
-export * from './textPicker';
-export * from './toggle';
-export * from './video';
-export * from './progress';
-export * from './polygon';
-export * from './polyline';
-export * from './radio';
-export * from './datapanel';
+export * from "./ability_component";
+export * from "./alert_dialog";
+export * from "./alphabet_indexer";
+export * from "./animator";
+export * from "./badge";
+export * from "./blank";
+export * from "./button";
+export * from "./calendar";
+export * from "./circle";
+export * from "./column";
+export * from "./column_split";
+export * from "./common";
+export * from "./counter";
+export * from "./custom_dialog_controller";
+export * from "./data_panel";
+export * from "./date_picker";
+export * from "./divider";
+export * from "./ellipse";
+export * from "./enums";
+export * from "./flex";
+export * from "./forEach";
+export * from "./form_component";
+export * from "./gauge";
+export * from "./geometry_view";
+export * from "./gesture";
+export * from "./grid";
+export * from "./gridItem";
+export * from "./grid_container";
+export * from "./hyperlink";
+export * from "./image";
+export * from "./image_animator";
+export * from "./lazyForEach";
+export * from "./line";
+export * from "./list";
+export * from "./listItem";
+export * from "./loading_progress";
+export * from "./marquee";
+export * from "./navigation";
+export * from "./navigator";
+export * from "./pageTransition";
+export * from "./panel";
+export * from "./path";
+export * from "./piece";
+export * from "./polygon";
+export * from "./polyline";
+export * from "./progress";
+export * from "./qrcode";
+export * from "./radio";
+export * from "./rating";
+export * from "./rect";
+export * from "./refresh";
+export * from "./row";
+export * from "./row_split";
+export * from "./scroll";
+export * from "./search";
+export * from "./shape";
+export * from "./slider";
+export * from "./span";
+export * from "./stack";
+export * from "./stateManagement";
+export * from "./swiper";
+export * from "./tabs";
+export * from "./tab_content";
+export * from "./text";
+export * from "./text_area";
+export * from "./text_input";
+export * from "./text_picker";
+export * from "./toggle";
+export * from "./units";
+export * from "./video";
+export * from "./web";
diff --git a/api/@internal/component/ets/inspector.d.ts b/api/@internal/component/ets/inspector.d.ts
index c8a9d5b23651aa0523d1096144dad42ca3b374ac..58001f0a6bf33936d667d50687a8130a1be08526 100644
--- a/api/@internal/component/ets/inspector.d.ts
+++ b/api/@internal/component/ets/inspector.d.ts
@@ -1,11 +1,26 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 /**
  * Get inspector node infos.
- * @test
+ * @since 7
  */
 declare function getInspectorNodes(): object;
 
 /**
  * Get inspector node info by node id.
- * @test
+ * @since 7
  */
-declare function getInspectorNodeById(id: number): object;
\ No newline at end of file
+declare function getInspectorNodeById(id: number): object;
diff --git a/api/@internal/component/ets/lazyForEach.d.ts b/api/@internal/component/ets/lazyForEach.d.ts
index 4f3328c6675173a844f30aef0719f74558b7a582..6729b859b8314b798db72472338393b0d956528e 100644
--- a/api/@internal/component/ets/lazyForEach.d.ts
+++ b/api/@internal/component/ets/lazyForEach.d.ts
@@ -13,25 +13,89 @@
  * limitations under the License.
  */
 
+/**
+ * Data Change Listener.
+ * @since 7
+ */
 export declare interface DataChangeListener {
+  /**
+   * Data ready.
+   * @since 7
+   */
   onDataReloaded(): void;
 
+  /**
+   * Data added.
+   * @since 7
+   */
   onDataAdded(index: number): void;
+
+  /**
+   * Data moved.
+   * @since 7
+   */
   onDataMoved(from: number, to: number): void;
-  onDataDeleted(index:number): void;
-  onDataChanged(index:number): void;
+
+  /**
+   * Data deleted.
+   * @since 7
+   */
+  onDataDeleted(index: number): void;
+
+  /**
+   * Data changed.
+   * @since 7
+   */
+  onDataChanged(index: number): void;
 }
 
+/**
+ * Data  changed.
+ * @since 7
+ */
 export declare interface IDataSource {
+  /**
+   * Total count.
+   * @since 7
+   */
   totalCount(): number;
+
+  /**
+   * get  data.
+   * @since 7
+   */
   getData(index: number): any;
+
+  /**
+   * register Data Change Listener
+   * @since 7
+   */
   registerDataChangeListener(listener: DataChangeListener): void;
+
+  /**
+   * unregister Data Change Listener
+   * @since 7
+   */
   unregisterDataChangeListener(listener: DataChangeListener): void;
 }
 
+/**
+ * Lazy loading.
+ * @since 7
+ */
 interface LazyForEach {
-  (dataSource: IDataSource, itemGenerator: (item: any, index?: number) => void,
-    keyGenerator?: (item: any, index?: number) => string): LazyForEach;
+  /**
+   * Enter the value to obtain the LazyForEach.
+   * @since 7
+   */
+  (
+    dataSource: IDataSource,
+    itemGenerator: (item: any, index?: number) => void,
+    keyGenerator?: (item: any, index?: number) => string,
+  ): LazyForEach;
 }
 
+/**
+ * @since 7
+ */
 export declare const LazyForEachInterface: LazyForEach;
diff --git a/api/@internal/component/ets/line.d.ts b/api/@internal/component/ets/line.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..277258b4ee0fdd58adabc8604e7cbb45bd074e77
--- /dev/null
+++ b/api/@internal/component/ets/line.d.ts
@@ -0,0 +1,57 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { CommonShapeMethod } from "./common";
+
+/**
+ * Line drawing component.
+ * @since 7
+ */
+interface Line extends LineAttribute<Line> {
+  /**
+   * Returns the line.
+   * height: Height of the rectangle where the line resides.
+   * @since 7
+   */
+  (): Line;
+  /**
+   * The return value of the parameter is Line.
+   * width: Width of the rectangle where the line resides..
+   * height: Height of the rectangle where the line resides.
+   * @since 7
+   */
+  (value?: { width?: string | number; height?: string | number }): Line;
+}
+
+/**
+ * inheritance CommonShapeMethod.
+ * @since 7
+ */
+declare class LineAttribute<T> extends CommonShapeMethod<T> {
+  /**
+   * Coordinate of the start point of the line (relative coordinate).
+   * @since 7
+   */
+  startPoint(value: Array<any>): T;
+
+  /**
+   * Line end coordinates (relative coordinates).
+   * @since 7
+   */
+  endPoint(value: Array<any>): T;
+}
+
+export declare class LineExtend<T> extends LineAttribute<T> {}
+export declare const LineInterface: Line;
diff --git a/api/@internal/component/ets/list.d.ts b/api/@internal/component/ets/list.d.ts
index ef3501ec224f24b682da1d957e409994942e236e..127a90ce6254dca136dc57270371981bd4ee80e0 100644
--- a/api/@internal/component/ets/list.d.ts
+++ b/api/@internal/component/ets/list.d.ts
@@ -13,60 +13,149 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Axis, Color, Resource} from "./common";
-import {Scroller} from "./scroll";
-
-export declare enum BarState {
-  Off,
-  Auto,
-  On
-}
-
-export declare enum EdgeEffect {
-  Spring,
-  Fade,
-  None
-}
-
+import { CommonMethod } from "./common";
+import { Axis, BarState, EdgeEffect } from "./enums";
+import { Scroller } from "./scroll";
+import { Length, ResourceColor } from "./units";
+
+/**
+ * Declare scroll status
+ * @since 7
+ */
 export declare enum ScrollState {
+  /**
+   * Not activated.
+   * @since 7
+   */
   Idle,
-  Scroll,
-  Fling
-}
-
-interface List extends CommonMethod<List> {
-  (value?: { initialIndex?: number, space?: number | string, scroller?: Scroller }): List;
-
-  listDirection(value: Axis): List;
-
-  scrollBar(value: BarState): List;
-
-  edgeEffect(value: EdgeEffect): List;
-
-  divider(value: {
-    strokeWidth: number | string | Resource, color?: Color | number | string | Resource,
-    startMargin?: number | string | Resource, endMargin?: number | string | Resource
-  } | null): List;
 
-  editMode(value: boolean): List;
-
-  cachedCount(value: number): List;
-
-  chainAnimation(value: boolean): List;
-
-  onScroll(event: (scrollOffset: number, scrollState: ScrollState) => void): List;
-
-  onScrollIndex(event: (start: number, end: number) => void): List;
-
-  onReachStart(event: () => void): List;
+  /**
+   * Scrolling status.
+   * @since 7
+   */
+  Scroll,
 
-  onReachEnd(event: () => void): List;
+  /**
+   * Drag status.
+   * @since 7
+   */
+  Fling,
+}
 
-  onScrollStop(event: () => void): List;
+/**
+ * ListExtend extension declaration.
+ * @since 7
+ */
+export declare class ListExtend<T> extends ListAttribute<T> {}
 
-  onItemDelete(event: (index: number) => boolean): List;
+/**
+ * The list interface is extended.
+ * @since 7
+ */
+interface List extends ListAttribute<List> {
+  /**
+   * Called when interface data is called.
+   * @since 7
+   */
+  (value?: { initialIndex?: number; space?: number | string; scroller?: Scroller }): List;
+}
 
-  onItemMove(event: (from: number, to: number) => boolean): List;
+/**
+ * @since 7
+ */
+declare class ListAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the arrangement direction of the list component is set.
+   * @since 7
+   */
+  listDirection(value: Axis): T;
+
+  /**
+   * Called when the display mode of the side slider is set.
+   * @since 7
+   */
+  scrollBar(value: BarState): T;
+
+  /**
+   * Called when the sliding effect is set.
+   * @since 7
+   */
+  edgeEffect(value: EdgeEffect): T;
+
+  /**
+   * Called when the ListItem split line style is set.
+   * @since 7
+   */
+  divider(
+    value: {
+      strokeWidth: Length;
+      color?: ResourceColor;
+      startMargin?: Length;
+      endMargin?: Length;
+    } | null,
+  ): T;
+
+  /**
+   * Called when judging whether it is in editable mode.
+   * @since 7
+   */
+  editMode(value: boolean): T;
+
+  /**
+   * Called when the minimum number of list item caches is set for long list deferred loading.
+   * @since 7
+   */
+  cachedCount(value: number): T;
+
+  /**
+   * Called when setting whether to enable chain linkage dynamic effect.
+   */
+  chainAnimation(value: boolean): T;
+
+  /**
+   * Called when the offset and status callback of the slide are set.
+   * @since 7
+   */
+  onScroll(event: (scrollOffset: number, scrollState: ScrollState) => void): T;
+
+  /**
+   * Called when the start and end positions of the display change.
+   * @since 7
+   */
+  onScrollIndex(event: (start: number, end: number) => void): T;
+
+  /**
+   * Called when the list begins to arrive.
+   * @since 7
+   */
+  onReachStart(event: () => void): T;
+
+  /**
+   * Called when the list reaches the end.
+   * @since 7
+   */
+  onReachEnd(event: () => void): T;
+
+  /**
+   * Called when the slider stops.
+   * @since 7
+   */
+  onScrollStop(event: () => void): T;
+
+  /**
+   * Called when a list item is deleted.
+   * @since 7
+   */
+  onItemDelete(event: (index: number) => boolean): T;
+
+  /**
+   * Called when a list item is moved.
+   * @since 7
+   */
+  onItemMove(event: (from: number, to: number) => boolean): T;
 }
 
+/**
+ * @since 7
+ */
 export declare const ListInterface: List;
diff --git a/api/@internal/component/ets/listItem.d.ts b/api/@internal/component/ets/listItem.d.ts
index 0bef157255b4b57271cd3a291cce47763812e187..fd5ce80977ecc1ccbca9eaf710595ff60ac19038 100644
--- a/api/@internal/component/ets/listItem.d.ts
+++ b/api/@internal/component/ets/listItem.d.ts
@@ -13,20 +13,92 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
+import { CommonMethod } from "./common";
 
+/**
+ * Declare item ceiling attribute.
+ * @since 7
+ */
 export declare enum Sticky {
+  /**
+   * No sticky.
+   * @since 7
+   */
   None,
+
+  /**
+   * Normal mode
+   * @since 7
+   */
   Normal,
+
+  /**
+   * Set opacity.
+   * @since 7
+   */
   Opacity,
 }
 
-interface ListItem extends CommonMethod<ListItem> {
+/**
+ * Declare whether the ListItem element is editable.
+ * @devices phone, tablet
+ * @since 7
+ */
+export declare enum EditMode {
+  /**
+   * Unrestricted operations.
+   * @since 7
+   */
+  None,
+
+  /**
+   * Deleteable.
+   * @since 7
+   */
+  Deletable,
+
+  /**
+   * Movable.
+   * @since 7
+   */
+  Movable,
+}
+
+/**
+ * @since 7
+ */
+export declare class ListItemExtend<T> extends ListItemAttribute<T> {}
+
+/**
+ * Values in the list
+ * @since 7
+ */
+interface ListItem extends ListItemAttribute<ListItem> {
+  /**
+   * Called when an interface is used.
+   * @since 7
+   */
   (value?: string): ListItem;
+}
 
-  sticky(value: Sticky): ListItem;
+/**
+ * @since 7
+ */
+declare class ListItemAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when setting whether item is ceiling effect.
+   * @since 7
+   */
+  sticky(value: Sticky): T;
 
-  editable(value: boolean): ListItem;
+  /**
+   * Called when judging whether it is editable.
+   * @since 7
+   */
+  editable(value: boolean | EditMode): T;
 }
 
+/**
+ * @since 7
+ */
 export declare const ListItemInterface: ListItem;
diff --git a/api/@internal/component/ets/loading_progress.d.ts b/api/@internal/component/ets/loading_progress.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..da055d54851c575b4cdfe2fdd226e4745ab1c8af
--- /dev/null
+++ b/api/@internal/component/ets/loading_progress.d.ts
@@ -0,0 +1,76 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { CommonMethod } from "./common";
+import { ResourceColor } from "./units";
+
+/**
+ * Load style of progress bar.
+ * @since 8
+ */
+export declare enum LoadingProgressStyle {
+  /**
+   * Default style.
+   * @since 8
+   */
+  Default,
+
+  /**
+   * Announcement style.
+   * @since 8
+   */
+  Circular,
+
+  /**
+   * The style of the track.
+   * @since 8
+   */
+  Orbital,
+}
+
+/**
+ * Loading Progress Extensions on Declarative Classes
+ * @since 8
+ */
+export declare class LoadingProgressExtend<T> extends LoadingProgressAttribute<T> {}
+
+/**
+ * Provides an interface for extending the loading progress.
+ * @since 8
+ */
+interface LoadingProgress extends LoadingProgressAttribute<LoadingProgress> {
+  /**
+   * Called when the progress bar progress is viewed.
+   * @since 8
+   */
+  (): LoadingProgress;
+}
+
+/**
+ * Declare the progress bar being loaded
+ * @since 8
+ */
+declare class LoadingProgressAttribute<T> extends CommonMethod<T> {
+  /**
+   * Load the color of the progress bar.
+   * @since 8
+   */
+  color(value: ResourceColor): T;
+}
+
+/**
+ * @since 8
+ */
+export declare const LoadingProgressInterface: LoadingProgress;
diff --git a/api/@internal/component/ets/marquee.d.ts b/api/@internal/component/ets/marquee.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..607574643b88f86365f216afb3a28a632d173500
--- /dev/null
+++ b/api/@internal/component/ets/marquee.d.ts
@@ -0,0 +1,87 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { CommonMethod } from "./common";
+import { FontWeight } from "./enums";
+import { Length, Resource, ResourceColor } from "./units";
+
+/**
+ * Provides the interface for the marquee attributes.
+ * @since 8
+ */
+interface Marquee extends MarqueeAttribute<Marquee> {
+  /**
+   * Create marquee.
+   * @since 8
+   */
+  (value: { start: boolean; step?: number; loop?: number; fromStart?: boolean; src: string }): Marquee;
+}
+
+/**
+ * Declares marquee properties.
+ * @since 8
+ */
+declare class MarqueeAttribute<T> extends CommonMethod<T> {
+  /**
+   * Set marquee font Color.
+   * @since 8
+   */
+  fontColor(value: ResourceColor): T;
+
+  /**
+   * Set marquee font size.
+   * @since 8
+   */
+  fontSize(value: Length): T;
+
+  /**
+   * Set marquee allow scale.
+   * @since 8
+   */
+  allowScale(value: boolean): T;
+
+  /**
+   * Set marquee font weight.
+   * @since 8
+   */
+  fontWeight(value: number | FontWeight | string): T;
+
+  /**
+   * Set marquee font family.
+   * @since 8
+   */
+  fontFamily(value: string | Resource): T;
+
+  /**
+   * Called when scrolling starts.
+   * @since 8
+   */
+  onStart(event: () => void): T;
+
+  /**
+   * Called when scrolling to the bottom.
+   * @since 8
+   */
+  onBounce(event: () => void): T;
+
+  /**
+   * Called when scrolling is complete.
+   * @since 8
+   */
+  onFinish(event: () => void): T;
+}
+
+export declare class MarqueeExtend<T> extends MarqueeAttribute<T> {}
+export declare const MarqueeInterface: Marquee;
diff --git a/api/app/moduleinfo.d.ts b/api/@internal/component/ets/navigation.d.ts
old mode 100755
new mode 100644
similarity index 54%
rename from api/app/moduleinfo.d.ts
rename to api/@internal/component/ets/navigation.d.ts
index 9c6c608b3da67a6b1d6e5f755d2beeb37fd82ea4..249ac096a87e396217c868bbc8a1b8b1a0b34ee7
--- a/api/app/moduleinfo.d.ts
+++ b/api/@internal/component/ets/navigation.d.ts
@@ -1,45 +1,37 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/**
- * @name ModuleInfo
- * @since 6
- * @SysCap appexecfwk
- * @import NA
- * @permission NA
- * @devices phone
- * @testapi
- */
-export interface ModuleInfo {
-    /**
-     * The module name.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     moduleName: string;
-
-    /**
-     * The module source path.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     moduleSourceDir: string;
-}
\ No newline at end of file
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { CommonMethod } from "./common";
+
+/**
+ * Provide navigator view interface
+ * @since 8
+ */
+interface Navigation extends NavigationAttribute<Navigation> {
+  /**
+   * Called when the navigator view interface is used.
+   * @since 8
+   */
+  (): Navigation;
+}
+
+/**
+ * Declare Navigation view properties.
+ * @since 8
+ */
+declare class NavigationAttribute<T> extends CommonMethod<T> {}
+
+export declare class NavigationExtend<T> extends NavigationAttribute<T> {}
+export declare const NavigationInterface: Navigation;
diff --git a/api/@internal/component/ets/navigator.d.ts b/api/@internal/component/ets/navigator.d.ts
index f94f0d95c7713f8f8ed75df1e4b777526e7a2303..b0339341ad00c0cb0ad6b6ce02c729b9423c7108 100644
--- a/api/@internal/component/ets/navigator.d.ts
+++ b/api/@internal/component/ets/navigator.d.ts
@@ -13,26 +13,79 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
+import { CommonMethod } from "./common";
 
+/**
+ * Route jump.
+ * @since 7
+ */
 export declare enum NavigationType {
+  /**
+   * Jump to the next page.
+   * @since 7
+   */
   Push,
+
+  /**
+   * Return to the previous page.
+   * @since 7
+   */
   Back,
-  Replace
+
+  /**
+   * Replace page.
+   * @since 7
+   */
+  Replace,
 }
 
-interface Navigator extends CommonMethod<Navigator> {
-  (value?: { target: string, type?: NavigationType }): Navigator;
+/**
+ * Create route
+ * @since 7
+ */
+interface Navigator extends NavigatorAttribute<Navigator> {
+  /**
+   * Called when the route jumps.
+   * @since 7
+   */
+  (value?: { target: string; type?: NavigationType }): Navigator;
 
+  /**
+   * Called when using the navigator.
+   * @since 7
+   */
   (): Navigator;
+}
 
-  active(value: boolean): Navigator;
+/**
+ * Declare navigator properties.
+ * @since 7
+ */
+declare class NavigatorAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when determining whether the routing component is active.
+   * @since 7
+   */
+  active(value: boolean): T;
 
-  type(value: NavigationType): Navigator;
+  /**
+   * Called when determining whether the routing component is active.
+   * @since 7
+   */
+  type(value: NavigationType): T;
 
-  target(value: string): Navigator;
+  /**
+   * Called when the path to the specified jump target page is set.
+   * @since 7
+   */
+  target(value: string): T;
 
-  params(value: object): Navigator;
+  /**
+   * Called when data is passed to the target page at the same time during jump.
+   * @since 7
+   */
+  params(value: object): T;
 }
 
+export declare class NavigatorExtend<T> extends NavigatorAttribute<T> {}
 export declare const NavigatorInterface: Navigator;
diff --git a/api/@internal/component/ets/pageTransition.d.ts b/api/@internal/component/ets/pageTransition.d.ts
index fc7c52cf0fe1a6396b1c05992754655e613efc6c..e1ca8571ffa3bc317d0194feaf5d5de2196f0aec 100644
--- a/api/@internal/component/ets/pageTransition.d.ts
+++ b/api/@internal/component/ets/pageTransition.d.ts
@@ -13,44 +13,130 @@
  * limitations under the License.
  */
 
-import {Curve} from "./common";
+import { Curve } from "./enums";
 
+/**
+ * Declare the jump method.
+ * @since 7
+ */
 export declare enum RouteType {
+  /**
+   * The page is not redirected.
+   * @since 7
+   */
   None,
+  /**
+   * Go to the next page.
+   * @since 7
+   */
   Push,
-  Pop
+  /**
+   * Redirect to a specified page.
+   * @since 7
+   */
+  Pop,
 }
 
+/**
+ * Declare the sliding effect of transition.
+ * @since 7
+ */
 export declare enum SlideEffect {
+  /**
+   * Swipe left.
+   * @since 7
+   */
   Left,
+
+  /**
+   * Swipe right.
+   * @since 7
+   */
   Right,
+
+  /**
+   * Swipe top.
+   * @since 7
+   */
   Top,
-  Bottom
+
+  /**
+   * Swipe bottom.
+   * @since 7
+   */
+  Bottom,
 }
 
+/**
+ * Provides interfaces for common transitions.
+ * @since 7
+ */
 export declare class CommonTransition<T> {
+  /**
+   * Called when a transition method is required.
+   * @since 7
+   */
   constructor();
-
+  /**
+   * Called when the slide in effect of the transition is set.
+   * @since 7
+   */
   slide(value: SlideEffect): T;
 
-  translate(value: { x?: number | string, y?: number | string, z?: number | string }): T;
+  /**
+   * Called when the translation effect of page transition is set.
+   * @since 7
+   */
+  translate(value: { x?: number | string; y?: number | string; z?: number | string }): T;
 
-  scale(value: { x?: number, y?: number, z?: number, centerX?: number | string, centerY?: number | string }): T;
+  /**
+   * Called when setting the zoom effect of page transition.
+   * @since 7
+   */
+  scale(value: { x?: number; y?: number; z?: number; centerX?: number | string; centerY?: number | string }): T;
 
+  /**
+   * Called when the transparency value of the starting point of entry or the ending point of exit is set.
+   * @since 7
+   */
   opacity(value: number): T;
 }
 
-export interface PageTransitionEnter extends CommonTransition<PageTransitionEnter> {
-  (value: { type?: RouteType, duration?: number, curve?: Curve | string, delay?: number }): PageTransitionEnter;
+/**
+ * Provides an interface for page rotation mode.
+ * @since 7
+ */
+interface PageTransitionEnter extends CommonTransition<PageTransitionEnter> {
+  /**
+   * Called when page Jump animation is used.
+   * @since 7
+   */
+  (value: { type?: RouteType; duration?: number; curve?: Curve | string; delay?: number }): PageTransitionEnter;
 
+  /**
+   * Called when the incoming parameter is the normalized progress of the current incoming animation.
+   * @since 7
+   */
   onEnter(event: (type?: RouteType, progress?: number) => void): PageTransitionEnter;
 }
 
-export interface PageTransitionExit extends CommonTransition<PageTransitionExit> {
-  (value: { type?: RouteType, duration?: number, curve?: Curve | string, delay?: number }): PageTransitionExit;
+/**
+ * Provide an interface to exit the transition.
+ * @since 7
+ */
+interface PageTransitionExit extends CommonTransition<PageTransitionExit> {
+  /**
+   * Called when the transition is delayed.
+   * @since 7
+   */
+  (value: { type?: RouteType; duration?: number; curve?: Curve | string; delay?: number }): PageTransitionExit;
 
+  /**
+   * Called when the input parameter is the normalized progress of the current exit animation.
+   * @since 7
+   */
   onExit(event: (type?: RouteType, progress?: number) => void): PageTransitionExit;
 }
 
 export declare const PageTransitionEnterInterface: PageTransitionEnter;
-export declare const PageTransitionExitInterface: PageTransitionExit;
\ No newline at end of file
+export declare const PageTransitionExitInterface: PageTransitionExit;
diff --git a/api/@internal/component/ets/panel.d.ts b/api/@internal/component/ets/panel.d.ts
index dd2e5e9b3a0161b4815e83645d07fa71df70f582..7ae3fd2b621f8067d5e3da1b3bc848f121a075dd 100644
--- a/api/@internal/component/ets/panel.d.ts
+++ b/api/@internal/component/ets/panel.d.ts
@@ -13,38 +13,142 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
+import { CommonMethod } from "./common";
 
+/**
+ * Sets the initial state of the slidable panel.
+ * @since 7
+ */
 export declare enum PanelMode {
+  /**
+   * Minimum state.
+   * @since 7
+   */
   Mini,
+
+  /**
+   * SHalf-screen-like status
+   * @since 7
+   */
   Half,
-  Full
+
+  /**
+   * Class Full Screen Status.
+   * @since 7
+   */
+  Full,
 }
 
+/**
+ * Sets the type of sliding panel.
+ * @since 7
+ */
 export declare enum PanelType {
+  /**
+   * The switch between the minibar and full-screen display is provided.
+   * @since 7
+   */
   Minibar,
+
+  /**
+   * Permanent content display class.
+   * The switchover effect is provided in three sizes: large (full-screen), medium (half-screen), and small.
+   * @since 7
+   */
   Foldable,
-  Temporary
+
+  /**
+   * Temporary content display area.
+   * The switchover effect is provided in three sizes: large (full-screen), medium (half-screen), and small.
+   * @since 7
+   */
+  Temporary,
 }
 
-interface Panel extends CommonMethod<Panel> {
+/**
+ * Provides a sliding panel interface.
+ * @since 7
+ */
+interface Panel extends PanelAttribute<Panel> {
+  /**
+   * Called when the panel slidable panel pops up.
+   * @since 7
+   */
   (show: boolean): Panel;
+}
+
+/**
+ * @since 7
+ */
+declare class PanelAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the initial state of the slidable panel is set.
+   * @since 7
+   */
+  mode(value: PanelMode): T;
+
+  /**
+   * Called when the slidable panel type is set.
+   * @since 7
+   */
+  type(value: PanelType): T;
 
-  mode(value: PanelMode): Panel;
+  /**
+   * Called when determining whether dragbar exists.
+   * @since 7
+   */
+  dragBar(value: boolean): T;
 
-  type(value: PanelType): Panel;
+  /**
+   * Called when the height in the full state is specified.
+   * @since 7
+   */
+  fullHeight(value: number | string): T;
 
-  dragBar(value: boolean): Panel;
+  /**
+   * Called when the height in the half state is specified.
+   * @since 7
+   */
+  halfHeight(value: number | string): T;
 
-  fullHeight(value: number | string): Panel;
+  /**
+   * Called when the height in the mini state is specified.
+   * @since 7
+   */
+  miniHeight(value: number | string): T;
 
-  halfHeight(value: number | string): Panel;
+  /**
+   * Called when the panel slidable panel pops up.
+   * @since 7
+   */
+  show(value: boolean): T;
 
-  miniHeight(value: number | string): Panel;
+  /**
+   * Called when the state of the slidable panel changes.
+   * @since 7
+   */
+  onChange(
+    event: (
+      /**
+       * Width of content area.
+       * @since 7
+       */
+      width: number,
 
-  show(value: boolean): Panel;
+      /**
+       * Height of content area.
+       * @since 7
+       */
+      height: number,
 
-  onChange(event: (width: number, height: number, mode: PanelMode) => void): Panel;
+      /**
+       * Initial state.
+       * @since 7
+       */
+      mode: PanelMode,
+    ) => void,
+  ): T;
 }
 
+export declare class PanelExtend<T> extends PanelAttribute<T> {}
 export declare const PanelInterface: Panel;
diff --git a/api/@internal/component/ets/path.d.ts b/api/@internal/component/ets/path.d.ts
index dc60b68e7ebedbd13bffc8a4cade48fc8bab48e7..e450886eef04a00c6d421ee6e6c9649148ba1fb2 100644
--- a/api/@internal/component/ets/path.d.ts
+++ b/api/@internal/component/ets/path.d.ts
@@ -13,13 +13,30 @@
  * limitations under the License.
  */
 
-import {CommonShapeMethod} from "./common";
+import { CommonShapeMethod } from "./common";
 
-interface Path extends CommonShapeMethod<Path> {
-  new (value?: { width?: number | string, height?: number | string, commands?: string }): Path;
-  (value?: { width?: number | string, height?: number | string, commands?: string }): Path;
+/**
+ * Provides the path drawing interface.
+ * @since 7
+ */
+interface Path extends PathAttribute<Path> {
+  /**
+   * Called when drawing path.
+   * @since 7
+   */
+  (value?: { width?: number | string; height?: number | string; commands?: string }): Path;
+}
 
-  commands(value: string): Path;
+/**
+ * @since 7
+ */
+declare class PathAttribute<T> extends CommonShapeMethod<T> {
+  /**
+   * Called when the command string drawn by the path is set.
+   * @since 7
+   */
+  commands(value: string): T;
 }
 
+export declare class PathExtend<T> extends PathAttribute<T> {}
 export declare const PathInterface: Path;
diff --git a/api/@internal/component/ets/piece.d.ts b/api/@internal/component/ets/piece.d.ts
index 8eeda1b7d98fdb98dcd8b7fdb85b69e854af4db3..63ecaf96fddbc3fa56dee77958fc16b47edf9678 100644
--- a/api/@internal/component/ets/piece.d.ts
+++ b/api/@internal/component/ets/piece.d.ts
@@ -1,28 +1,59 @@
 /*
-  * 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.
-  */
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 
-import {CommonMethod} from "./common";
+import { CommonMethod } from "./common";
 
+/**
+ * Sets the relative position of icons and text.
+ * @since 8
+ */
 export declare enum IconPosition {
+  /**
+   * The icon is at the beginning of the text.
+   * @devices phone, tablet, car.
+   * @since 8
+   */
   Start,
-  End
+
+  /**
+   * The icon is at the end of the text.
+   * @devices phone, tablet, car.
+   * @since 8
+   */
+  End,
+}
+
+/**
+ * Provides text and icons for setting block entries.
+ * @since 8
+ */
+interface Piece extends PieceAttribute<Piece> {
+  /**
+   * Called when setting the position of a block entry.
+   * @since 8
+   */
+  (options?: { content: string; icon?: string }): Piece;
 }
 
-interface Piece extends CommonMethod<Piece> {
-  (options?: {content: string, icon?: string}): Piece;
-  iconPosition(value: IconPosition): Piece;
+declare class PieceAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the relative position of the icon and the text is set.
+   * @since 8
+   */
+  iconPosition(value: IconPosition): T;
 }
 
-export declare const PieceInterface: Piece;
\ No newline at end of file
+export declare class PieceExtend<T> extends PieceAttribute<T> {}
+export declare const PieceInterface: Piece;
diff --git a/api/@internal/component/ets/polygon.d.ts b/api/@internal/component/ets/polygon.d.ts
index 05e5af8bf9966a93327595c259e1698607116203..c300eaadbba3b3c57707d4c20093548b34ba5daa 100644
--- a/api/@internal/component/ets/polygon.d.ts
+++ b/api/@internal/component/ets/polygon.d.ts
@@ -1,24 +1,48 @@
 /*
-  * Copyright (c) 2021 Huawei Device Co., Ltd.
-  * Licensed under the Apache License, Version 2.0 (the "License");
-  * you may not use this file except in compliance with the License.
-  * You may obtain a copy of the License at
-  *
-  *     http://www.apache.org/licenses/LICENSE-2.0
-  *
-  * Unless required by applicable law or agreed to in writing, software
-  * distributed under the License is distributed on an "AS IS" BASIS,
-  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  * See the License for the specific language governing permissions and
-  * limitations under the License.
-  */
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 
-import {CommonShapeMethod} from "./common";
+import { CommonShapeMethod } from "./common";
 
-interface Polygon extends CommonShapeMethod<Polygon> {
-    (): Polygon;
-    (value?: { width?: string | number, height?: string | number }): Polygon;
-    points(value: Array<any>): Polygon;
+/**
+ * Provides the polygon drawing interface.
+ * @since 7
+ */
+interface Polygon extends PolygonAttribute<Polygon> {
+  /**
+   * Called when the draw polygon interface is used.
+   * @devices phone, tablet, car.
+   * @since 7
+   */
+  (): Polygon;
+
+  /**
+   * Called when drawing a polygon.
+   * @devices phone, tablet, car.
+   * @since 7
+   */
+  (value?: { width?: string | number; height?: string | number }): Polygon;
+}
+
+declare class PolygonAttribute<T> extends CommonShapeMethod<T> {
+  /**
+   * Called when the vertex coordinate list of a polygon is set.
+   * @devices phone, tablet, car.
+   * @since 7
+   */
+  points(value: Array<any>): T;
 }
 
-export declare const PolygonInterface: Polygon;
\ No newline at end of file
+export declare class PolygonExtend<T> extends PolygonAttribute<T> {}
+export declare const PolygonInterface: Polygon;
diff --git a/api/@internal/component/ets/polyline.d.ts b/api/@internal/component/ets/polyline.d.ts
index e0b886ac5a5913d6bd205b4fbfe0d5917a17638a..a539a541bf8723247eb3f4c5022023eb5a751f14 100644
--- a/api/@internal/component/ets/polyline.d.ts
+++ b/api/@internal/component/ets/polyline.d.ts
@@ -1,24 +1,48 @@
 /*
-  * Copyright (c) 2021 Huawei Device Co., Ltd.
-  * Licensed under the Apache License, Version 2.0 (the "License");
-  * you may not use this file except in compliance with the License.
-  * You may obtain a copy of the License at
-  *
-  *     http://www.apache.org/licenses/LICENSE-2.0
-  *
-  * Unless required by applicable law or agreed to in writing, software
-  * distributed under the License is distributed on an "AS IS" BASIS,
-  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  * See the License for the specific language governing permissions and
-  * limitations under the License.
-  */
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 
-import {CommonShapeMethod} from "./common";
+import { CommonShapeMethod } from "./common";
 
-interface Polyline extends CommonShapeMethod<Polyline> {
-    (): Polyline;
-    (value?: { width?: string | number, height?: string | number }): Polyline;
-    points(value: Array<any>): Polyline;
+/**
+ * Provides an interface for drawing polylines.
+ * @since 7
+ */
+interface Polyline extends PolylineAttribute<Polyline> {
+  /**
+   * Called when using the draw polyline interface.
+   * @since 7
+   */
+  (): Polyline;
+
+  /**
+   * Called when using the draw fold.
+   * @since 7
+   */
+  (value?: { width?: string | number; height?: string | number }): Polyline;
+}
+
+/**
+ * @since 7
+ */
+declare class PolylineAttribute<T> extends CommonShapeMethod<T> {
+  /**
+   * Called when the polyline is set to pass through the coordinate point list.
+   * @since 7
+   */
+  points(value: Array<any>): T;
 }
 
-export declare const PolylineInterface: Polyline;
\ No newline at end of file
+export declare class PolylineExtend<T> extends PolylineAttribute<T> {}
+export declare const PolylineInterface: Polyline;
diff --git a/api/@internal/component/ets/progress.d.ts b/api/@internal/component/ets/progress.d.ts
index e936c3ae25f80107292c2fdad840ab34ab8217ad..e161e278929e461e9cf7bb95064a9d4a0fbc558f 100644
--- a/api/@internal/component/ets/progress.d.ts
+++ b/api/@internal/component/ets/progress.d.ts
@@ -1,32 +1,82 @@
 /*
-  * Copyright (c) 2021 Huawei Device Co., Ltd.
-  * Licensed under the Apache License, Version 2.0 (the "License");
-  * you may not use this file except in compliance with the License.
-  * You may obtain a copy of the License at
-  *
-  *     http://www.apache.org/licenses/LICENSE-2.0
-  *
-  * Unless required by applicable law or agreed to in writing, software
-  * distributed under the License is distributed on an "AS IS" BASIS,
-  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  * See the License for the specific language governing permissions and
-  * limitations under the License.
-  */
-
-import { CommonMethod, Color } from "./common";
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 
+import { CommonMethod } from "./common";
+import { ResourceColor } from "./units";
+
+/**
+ * Type of progress bar
+ * @since 7
+ */
 export declare enum ProgressStyle {
-    Linear,
-    Capsule,
-    Eclipse,
-    Circular,
+  /**
+   * Linear progress bar style.
+   * @devices phone, tablet, car.
+   * @since 7
+   */
+  Linear,
+
+  /**
+   * Circular progress bar.
+   * @devices phone, tablet, car.
+   * @since 7
+   */
+  Eclipse,
+}
+
+/**
+ * Provides the progress bar interface.
+ * @since 7
+ */
+interface Progress extends ProgressAttribute<Progress> {
+  /**
+   * Called when the progress bar is set.
+   * @since 7
+   */
+  (object: { value: number; total?: number; style?: ProgressStyle }): Progress;
 }
 
-interface Progress extends CommonMethod<Progress> {
-    (object: { value: number, total?: number, style?: ProgressStyle }): Progress;
-    value(value: number): Progress;
-    color(value: Color): Progress;
-    cricularStyle(value: { strokeWidth?: number, scaleCount?: number, scaleWidth?: number }): Progress;
+/**
+ * @since 7
+ */
+declare class ProgressAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the current progress value is set.
+   * @since 7
+   */
+  value(value: number): T;
+
+  /**
+   * Called when the progress bar foreground is set.
+   * @since 7
+   */
+  color(value: ResourceColor): T;
+
+  /**
+   * Called when the style of the circular progress bar is set.
+   * @since 7
+   * @deprecated since 7
+   */
+  circularStyle(value: { strokeWidth?: number; scaleCount?: number; scaleWidth?: number }): T;
+
+  /**
+   * Called when the style of the cricular progress bar is set.
+   * @since 7
+   */
+  cricularStyle(value: { strokeWidth?: number; scaleCount?: number; scaleWidth?: number }): T;
 }
 
-export declare const ProgressInterface: Progress;
\ No newline at end of file
+export declare class ProgressExtend<T> extends ProgressAttribute<T> {}
+export declare const ProgressInterface: Progress;
diff --git a/api/@internal/component/ets/qrcode.d.ts b/api/@internal/component/ets/qrcode.d.ts
index bed92f321d0f4921a6c844f419901111b863ed42..6c8a94fe990bd1ba7a00113ae4fb514b25da473f 100644
--- a/api/@internal/component/ets/qrcode.d.ts
+++ b/api/@internal/component/ets/qrcode.d.ts
@@ -13,13 +13,37 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, Resource} from "./common";
+import { CommonMethod } from "./common";
+import { ResourceColor } from "./units";
 
-interface QRCode extends CommonMethod<QRCode> {
+/**
+ * Provides an interface for generating QR codes.
+ * @since 7
+ */
+interface QRCode extends QRCodeAttribute<QRCode> {
+  /**
+   * Called when a QR code is set.
+   * @since 7
+   */
   (value: string): QRCode;
+}
+
+/**
+ * @since 7
+ */
+declare class QRCodeAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the QR code color is set.
+   * @since 7
+   */
+  color(value: ResourceColor): T;
 
-  color(value: Color | number | string | Resource): QRCode;
-  backgroundColor(value: Color | number | string | Resource): QRCode;
+  /**
+   * Called when setting the QR code background color.
+   * @since 7
+   */
+  backgroundColor(value: ResourceColor): T;
 }
 
+export declare class QRCodeExtend<T> extends QRCodeAttribute<T> {}
 export declare const QRCodeInterface: QRCode;
diff --git a/api/@internal/component/ets/radio.d.ts b/api/@internal/component/ets/radio.d.ts
index 0c47a28ea3b3b91258dc82f99edf78affebce145..5c56790035a5044cb403f6e12c680cc76e79be3c 100644
--- a/api/@internal/component/ets/radio.d.ts
+++ b/api/@internal/component/ets/radio.d.ts
@@ -1,24 +1,48 @@
 /*
-  * Copyright (c) 2021 Huawei Device Co., Ltd.
-  * Licensed under the Apache License, Version 2.0 (the "License");
-  * you may not use this file except in compliance with the License.
-  * You may obtain a copy of the License at
-  *
-  *     http://www.apache.org/licenses/LICENSE-2.0
-  *
-  * Unless required by applicable law or agreed to in writing, software
-  * distributed under the License is distributed on an "AS IS" BASIS,
-  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  * See the License for the specific language governing permissions and
-  * limitations under the License.
-  */
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 
-import {CommonMethod} from "./common";
+import { CommonMethod } from "./common";
 
-interface Radio extends CommonMethod<Radio> {
-    (options: {value: string}): Radio;
-    checked(value: boolean): Radio;
-    onChange(callback: (isChecked: boolean) => void): Radio;
+/**
+ * Provides an interface for creating a radio box.
+ * @since 8
+ */
+interface Radio extends RadioAttribute<Radio> {
+  /**
+   * Called when a radio box is created.
+   * @since 8
+   */
+  (options: { value: string }): Radio;
 }
 
+/**
+ * @since 8
+ */
+declare class RadioAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the radio box is selected.
+   * @since 8
+   */
+  checked(value: boolean): T;
+
+  /**
+   * Called when the radio box selection status changes.
+   * @since 8
+   */
+  onChange(callback: (isChecked: boolean) => void): T;
+}
+
+export declare class RadioExtend<T> extends RadioAttribute<T> {}
 export declare const RadioInterface: Radio;
diff --git a/api/@internal/component/ets/rating.d.ts b/api/@internal/component/ets/rating.d.ts
index 4c56e0107016f16975e27fbb93e7e7ec68534c3f..7403946f44b943b7020c0a27f99558600c253106 100644
--- a/api/@internal/component/ets/rating.d.ts
+++ b/api/@internal/component/ets/rating.d.ts
@@ -13,14 +13,48 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
+import { CommonMethod } from "./common";
 
-interface Rating extends CommonMethod<Rating> {
-  (options?: {rating: number, indicator?: boolean}): Rating;
-  stars(value: number): Rating;
-  stepSize(value: number): Rating;
-  starStyle(value: {backgroundUri: string, foregroundUri: string, secondaryUri?: string}): Rating;
-  onChange(callback:(value: number) => void): Rating;
+/**
+ * Provides the interface for scoring bars.
+ * @since 7
+ */
+interface Rating extends RatingAttribute<Rating> {
+  /**
+   * Called when a score bar is created.
+   * @since 7
+   */
+  (options?: { rating: number; indicator?: boolean }): Rating;
+}
+
+/**
+ * @since 7
+ */
+declare class RatingAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the total number of stars is set.
+   * @since 7
+   */
+  stars(value: number): T;
+
+  /**
+   * Called when the step size of the operation rating.
+   * @since 7
+   */
+  stepSize(value: number): T;
+
+  /**
+   * Called when a picture is set.
+   * @since 7
+   */
+  starStyle(value: { backgroundUri: string; foregroundUri: string; secondaryUri?: string }): T;
+
+  /**
+   * Called when the star rating of the operation scoring bar changes.
+   * @since 7
+   */
+  onChange(callback: (value: number) => void): T;
 }
 
-export declare const RatingInterface: Rating;
\ No newline at end of file
+export declare class RatingExtend<T> extends RatingAttribute<T> {}
+export declare const RatingInterface: Rating;
diff --git a/api/@internal/component/ets/rect.d.ts b/api/@internal/component/ets/rect.d.ts
index 683220de42ac3345b26115f2fb2473b813718627..38836fd7c71d9410e93b672b8c28a8893d8cfe3d 100644
--- a/api/@internal/component/ets/rect.d.ts
+++ b/api/@internal/component/ets/rect.d.ts
@@ -13,25 +13,51 @@
  * limitations under the License.
  */
 
-import {CommonShapeMethod} from "./common";
+import { CommonShapeMethod } from "./common";
 
-interface Rect extends CommonShapeMethod<Rect> {
-  new (value?: { width?: number | string, height?: number | string, radius?: number | string | Array<any> } |
-    {
-      width?: number | string, height?: number | string, radiusWidth?: number | string,
-      radiusHeight?: number | string
-    }): Rect;
-  (value?: { width?: number | string, height?: number | string, radius?: number | string | Array<any> } |
-    {
-      width?: number | string, height?: number | string, radiusWidth?: number | string,
-      radiusHeight?: number | string
-    }): Rect;
+/**
+ * Provides an interface for drawing rectangles.
+ * @since 7
+ */
+interface Rect extends RectAttribute<Rect> {
+  /**
+   * Called when a rectangle is created.
+   * @since 7
+   */
+  (
+    value?:
+      | { width?: number | string; height?: number | string; radius?: number | string | Array<any> }
+      | {
+          width?: number | string;
+          height?: number | string;
+          radiusWidth?: number | string;
+          radiusHeight?: number | string;
+        },
+  ): Rect;
+}
 
-  radiusWidth(value: number | string): Rect;
+/**
+ * @since 7
+ */
+declare class RectAttribute<T> extends CommonShapeMethod<T> {
+  /**
+   * Called when the fillet width is set.
+   * @since 7
+   */
+  radiusWidth(value: number | string): T;
 
-  radiusHeight(value: number | string): Rect;
+  /**
+   * Called when the fillet height is set.
+   * @since 7
+   */
+  radiusHeight(value: number | string): T;
 
-  radius(value: number | string | Array<any>): Rect;
+  /**
+   * Called when the fillet size is set.
+   * @since 7
+   */
+  radius(value: number | string | Array<any>): T;
 }
 
+export declare class RectExtend<T> extends RectAttribute<T> {}
 export declare const RectInterface: Rect;
diff --git a/api/@internal/component/ets/refresh.d.ts b/api/@internal/component/ets/refresh.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8750e9f5f677539e1c3855d28b4e77d82a4697a1
--- /dev/null
+++ b/api/@internal/component/ets/refresh.d.ts
@@ -0,0 +1,84 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { CommonMethod } from "./common";
+
+/**
+ * The refresh status of the drop-down refresh.
+ * @since 8
+ */
+export declare enum RefreshStatus {
+  /**
+   * The refresh status of the drop-down refresh.
+   * @since 8
+   */
+  Inactive,
+
+  /**
+   * Drop down, but the drop-down distance is less than the refresh distance.
+   * @since 8
+   */
+  Drag,
+
+  /**
+   * The pull-down exceeds the refresh distance.
+   * @since 8
+   */
+  OverDrag,
+
+  /**
+   * After the pull-down, it rebounds to the refresh distance and enters the refresh state.
+   * @since 8
+   */
+  Refresh,
+
+  /**
+   * After refresh, return to the initial state.
+   * @since 8
+   */
+  Done,
+}
+
+/**
+ * Provides a pull-down refresh interface.
+ * @since 8
+ */
+interface Refresh extends RefreshAttribute<Refresh> {
+  /**
+   * Called when the drop-down refresh is set.
+   * @since 8
+   */
+  (value: { refreshing: boolean; offset?: number | string; friction?: number | string }): Refresh;
+}
+
+/**
+ * @since 8
+ */
+declare class RefreshAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the refresh state changes.
+   * @since 8
+   */
+  onStateChange(callback: (state: RefreshStatus) => void): T;
+
+  /**
+   * Called when the refresh state is entered.
+   * @since 8
+   */
+  onRefreshing(callback: () => void): T;
+}
+
+export declare class RefreshExtend<T> extends RefreshAttribute<T> {}
+export declare const RefreshInterface: Refresh;
diff --git a/api/@internal/component/ets/row.d.ts b/api/@internal/component/ets/row.d.ts
index 4a8f55faa5e2ae4d7a98e2234aa1fb6dcdac10c7..b225cd0aa869a2d1a49b018a05250fda8d1c7d88 100644
--- a/api/@internal/component/ets/row.d.ts
+++ b/api/@internal/component/ets/row.d.ts
@@ -13,12 +13,31 @@
  * limitations under the License.
  */
 
-import {CommonMethod, VerticalAlign, VerticalAlignDeclaration} from "./common";
+import { CommonMethod } from "./common";
+import { VerticalAlign } from "./enums";
 
-interface Row extends CommonMethod<Row> {
-  (value?: { space?: string | number, useAlign?: VerticalAlignDeclaration }): Row;
+/**
+ * The components are laid out horizontally
+ * @since 7
+ */
+interface Row extends RowAttribute<Row> {
+  /**
+   * Called when the layout is set in the horizontal direction.
+   * @since 7
+   */
+  (value?: { space?: string | number }): Row;
+}
 
-  alignItems(value: VerticalAlign): Row;
+/**
+ * @since 7
+ */
+declare class RowAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the vertical alignment is set.
+   * @since 7
+   */
+  alignItems(value: VerticalAlign): T;
 }
 
+export declare class RowExtend<T> extends RowAttribute<T> {}
 export declare const RowInterface: Row;
diff --git a/api/@internal/component/ets/row_split.d.ts b/api/@internal/component/ets/row_split.d.ts
index 4e0c1738519289f43fccd2e2300fbfc14e98a0bd..ea1b2eab15fa93a826b24a06b924b7f23e2aeaf7 100644
--- a/api/@internal/component/ets/row_split.d.ts
+++ b/api/@internal/component/ets/row_split.d.ts
@@ -13,12 +13,30 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
+import { CommonMethod } from "./common";
 
-interface RowSplit extends CommonMethod<RowSplit> {
+/**
+ * Provides interfaces for layout in the vertical direction.
+ * @since 7
+ */
+interface RowSplit extends RowSplitAttribute<RowSplit> {
+  /**
+   * Called when the layout along the vertical direction is set.
+   * @since 7
+   */
   (): RowSplit;
+}
 
-  resizeable(value: boolean): RowSplit;
+/**
+ * @since 7
+ */
+declare class RowSplitAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when judging whether the split line can be dragged.
+   * @since 7
+   */
+  resizeable(value: boolean): T;
 }
 
+export declare class RowSplitExtend<T> extends RowSplitAttribute<T> {}
 export declare const RowSplitInterface: RowSplit;
diff --git a/api/@internal/component/ets/scroll.d.ts b/api/@internal/component/ets/scroll.d.ts
index f2f3b094688fe140e525fae52f6c61830b0d6214..30672e8dd66e941049f6dd08941e297bc20cb1ee 100644
--- a/api/@internal/component/ets/scroll.d.ts
+++ b/api/@internal/component/ets/scroll.d.ts
@@ -13,48 +13,148 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Edge, Axis, Curve, BarState, EdgeEffect, Color} from "./common";
+import { CommonMethod } from "./common";
+import { Axis, BarState, Color, Curve, Edge, EdgeEffect } from "./enums";
 
+/**
+ * Content scroll direction.
+ * @since 7
+ */
 export declare enum ScrollDirection {
+  /**
+   * Vertical scrolling is supported.
+   * @since 7
+   */
   Vertical,
+
+  /**
+   * Horizontal scrolling is supported.
+   * @since 7
+   */
   Horizontal,
+
+  /**
+   * Free scrolling is supported.
+   * @since 7
+   */
   Free,
-  None
+
+  /**
+   * Non-scrollable.
+   * @since 7
+   */
+  None,
 }
 
+/**
+ * @since 7
+ */
 export declare class Scroller {
+  /**
+   * constructor.
+   * @since 7
+   */
   constructor();
 
-  scrollTo(value: { xOffset: number | string, yOffset: number | string,
-    animation?: { duration: number, curve: Curve } });
-
+  /**
+   * Called when the setting slides to the specified position.
+   * @since 7
+   */
+  scrollTo(value: {
+    xOffset: number | string;
+    yOffset: number | string;
+    animation?: { duration: number; curve: Curve };
+  });
+
+  /**
+   * Called when scrolling to the edge of the container.
+   * @since 7
+   */
   scrollEdge(value: Edge);
 
-  scrollPage(value: { next: boolean, direction?: Axis });
+  /**
+   * Called when page turning mode is set.
+   * @since 7
+   */
+  scrollPage(value: { next: boolean; direction?: Axis });
 
+  /**
+   * Called when viewing the scroll offset.
+   * @since 7
+   */
   currentOffset();
 
+  /**
+   * Called when sliding to the specified index.
+   * @since 7
+   */
   scrollToIndex(value: number);
 }
 
-interface Scroll extends CommonMethod<Scroll> {
+/**
+ * Provides interfaces for scrollable containers.
+ * @since 7
+ */
+interface Scroll extends ScrollAttribute<Scroll> {
+  /**
+   * Called when a scrollable container is set.
+   * @since 7
+   */
   (scroller?: Scroller): Scroll;
+}
 
-  scrollable(value: ScrollDirection): Scroll;
-
-  onScroll(event: (xOffset: number, yOffset: number) => void): Scroll;
-
-  onScrollEdge(event: (side: Edge) => void): Scroll;
-
-  onScrollEnd(event: () => void): Scroll;
-
-  scrollBar(barState: BarState): Scroll;
-
-  scrollBarColor(color: Color | number | string): Scroll;
-
-  scrollBarWidth(value: number | string): Scroll;
-
-  edgeEffect(edgeEffect: EdgeEffect): Scroll;
+/**
+ * @since 7
+ */
+declare class ScrollAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the scroll method is slid.
+   * @since 7
+   */
+  scrollable(value: ScrollDirection): T;
+
+  /**
+   * Called when the setting slides to the specified position.
+   * @since 7
+   */
+  onScroll(event: (xOffset: number, yOffset: number) => void): T;
+
+  /**
+   * Called when scrolling to the edge of the container.
+   * @since 7
+   */
+  onScrollEdge(event: (side: Edge) => void): T;
+
+  /**
+   * Called when scrolling has stopped.
+   * @since 7
+   */
+  onScrollEnd(event: () => void): T;
+
+  /**
+   * Called when the status of the scroll bar is set.
+   * @since 7
+   */
+  scrollBar(barState: BarState): T;
+
+  /**
+   * Called when the color of the scroll bar is set.
+   * @since 7
+   */
+  scrollBarColor(color: Color | number | string): T;
+
+  /**
+   * Called when the width of the scroll bar is set.
+   * @since 7
+   */
+  scrollBarWidth(value: number | string): T;
+
+  /**
+   * Called when the sliding effect is set.
+   * @since 7
+   */
+  edgeEffect(edgeEffect: EdgeEffect): T;
 }
 
+export declare class ScrollExtend<T> extends ScrollAttribute<T> {}
 export declare const ScrollInterface: Scroll;
diff --git a/api/@internal/component/ets/search.d.ts b/api/@internal/component/ets/search.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f7b61d722d28ac02f5d205732ca335a4ff51f662
--- /dev/null
+++ b/api/@internal/component/ets/search.d.ts
@@ -0,0 +1,39 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { CommonMethod } from "./common";
+import { FontStyle, FontWeight } from "./enums";
+import { ResourceColor } from "./units";
+
+/**
+ * @since 8
+ */
+interface Search extends SearchAttribute<Search> {
+  (options?: { value?: string; placeholder?: string; icon?: string }): Search;
+}
+
+/**
+ * @since 8
+ */
+declare class SearchAttribute<T> extends CommonMethod<T> {
+  searchButton(value: string): T;
+  placeholderColor(value: ResourceColor): T;
+  placeholderFont(value: { size: number; weight: FontWeight; family: string; style: FontStyle }): T;
+  onSubmit(callback: (value: string) => void): T;
+  onChange(callback: (value: string) => void): T;
+}
+
+export declare class SearchExtend<T> extends SearchAttribute<T> {}
+export declare const SearchInterface: Search;
diff --git a/api/@internal/component/ets/shape.d.ts b/api/@internal/component/ets/shape.d.ts
index ef4ff4efa8c726fa053be04370c1be3641dc9096..31aa027c61c48340dbad9bb2e982a9c9fc903356 100644
--- a/api/@internal/component/ets/shape.d.ts
+++ b/api/@internal/component/ets/shape.d.ts
@@ -13,37 +13,98 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, LineCapStyle, LineJoinStyle, Resource} from "./common";
+import { CommonMethod, PixelMap } from "./common";
+import { LineCapStyle, LineJoinStyle } from "./enums";
+import { Resource, ResourceColor } from "./units";
 
-interface Shape extends CommonMethod<Shape> {
-  (): Shape;
+/**
+ * Provides interfaces for drawing components.
+ * @since 7
+ */
+interface Shape extends ShapeAttribute<Shape> {
+  /**
+   * Called when a component is drawn.
+   * @since 7
+   */
+  (value?: PixelMap): Shape;
+}
 
-  viewPort(value: {
-    x?: number | string, y?: number | string,
-    width?: number | string, height?: number | string
-  }): Shape;
+/**
+ * @since 7
+ */
+declare class ShapeAttribute<T> extends CommonMethod<T> {
+  /**
+   * Viewport of shape
+   * @since 7
+   */
+  viewPort(value: { x?: number | string; y?: number | string; width?: number | string; height?: number | string }): T;
 
-  stroke(value: Color | number | string | Resource): Shape;
+  /**
+   * Called when the border color is set.
+   * @since 7
+   */
+  stroke(value: ResourceColor): T;
 
-  fill(value: Color | number | string | Resource): Shape;
+  /**
+   * Called when the fill color is set.
+   * @since 7
+   */
+  fill(value: ResourceColor): T;
 
-  strokeDashOffset(value: number | string): Shape;
+  /**
+   * Called when the offset of the starting point of border drawing is set.
+   * @since 7
+   */
+  strokeDashOffset(value: number | string): T;
 
-  strokeDashArray(value: Array<any>): Shape;
+  /**
+   * Called when the gap of the border is set.
+   * @since 7
+   */
+  strokeDashArray(value: Array<any>): T;
 
-  strokeLineCap(value: LineCapStyle): Shape;
+  /**
+   * Called when the path endpoint drawing style is set.
+   * @since 7
+   */
+  strokeLineCap(value: LineCapStyle): T;
 
-  strokeLineJoin(value: LineJoinStyle): Shape;
+  /**
+   * Called when the border corner drawing style is set.
+   * @since 7
+   */
+  strokeLineJoin(value: LineJoinStyle): T;
 
-  strokeMiterLimit(value: number | string): Shape;
+  /**
+   * Called when the limit value for drawing acute angles as oblique angles is set.
+   * @since 7
+   */
+  strokeMiterLimit(value: number | string): T;
 
-  strokeOpacity(value: number | string | Resource): Shape;
+  /**
+   * Called when the opacity of the border is set.
+   * @since 7
+   */
+  strokeOpacity(value: number | string | Resource): T;
 
-  fillOpacity(value: number | string | Resource): Shape;
+  /**
+   * Called when the transparency of the border is set.
+   * @since 7
+   */
+  fillOpacity(value: number | string | Resource): T;
 
-  strokeWidth(value: number | string): Shape;
+  /**
+   * Called when the width of the border is set.
+   * @since 7
+   */
+  strokeWidth(value: number | string): T;
 
-  antiAlias(value: boolean): Shape;
+  /**
+   * Called when setting whether anti aliasing is on.
+   * @since 7
+   */
+  antiAlias(value: boolean): T;
 }
 
+export declare class ShapeExtend<T> extends ShapeAttribute<T> {}
 export declare const ShapeInterface: Shape;
diff --git a/api/@internal/component/ets/slider.d.ts b/api/@internal/component/ets/slider.d.ts
index cc45a3aaeded771a3a8b9b5ddf5e0401d4eab4b4..4f42693e5d2ac8fe4582150547d65f80ac2d556e 100644
--- a/api/@internal/component/ets/slider.d.ts
+++ b/api/@internal/component/ets/slider.d.ts
@@ -13,29 +13,155 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color} from "./common";
+import { CommonMethod } from "./common";
+import { ResourceColor } from "./units";
 
+/**
+ * Declare sliderstyle
+ * @since 7
+ */
 export declare enum SliderStyle {
-  OUTSET = 0,
-  INSET,
+  /**
+   * The slider is on the slide rail.
+   * @since 7
+   */
+  OutSet = 0,
+
+  /**
+   * The slider is in the slide rail.
+   * @since 7
+   */
+  InSet,
 }
 
+/**
+ * Declare SliderChangeMode
+ * @since 7
+ */
 export declare enum SliderChangeMode {
-  BEGIN = 0,
-  MOVING,
-  END,
+  /**
+   * Start dragging the slider.
+   * @since 7
+   */
+  Begin = 0,
+
+  /**
+   * Drag the slider.
+   * @since 7
+   */
+  Moving,
+
+  /**
+   * End dragging the slider.
+   * @since 7
+   */
+  End,
+}
+
+/**
+ * Defines the option of Slider.
+ * @since 7
+ */
+export declare interface SliderOption {
+  /**
+   * Current value of Slider.
+   * @since 7
+   */
+  value?: number;
+
+  /**
+   * Sets the min value of Slider.
+   * @since 7
+   */
+  min?: number;
+
+  /**
+   * Sets the max value of Slider.
+   * @since 7
+   */
+  max?: number;
+
+  /**
+   * Sets the step of each slide value.
+   * @since 7
+   */
+  step?: number;
+
+  /**
+   * Sets the slider style.
+   * @since 7
+   */
+  style?: SliderStyle;
 }
 
-interface Slider extends CommonMethod<Slider> {
-  (options?: {value?: number, min?: number, max?: number, step?: number, style?: SliderStyle}): Slider;
-  blockColor(value: Color): Slider;
-  trackColor(value: Color): Slider;
-  selectedColor(value: Color): Slider;
-  minLabel(value: string): Slider;
-  maxLabel(value: string): Slider;
-  showSteps(value: boolean): Slider;
-  showTips(value: boolean): Slider;
-  onChange(callback:(value: number, mode: SliderChangeMode) => void): Slider;
+/**
+ * Provides an interface for the slide bar component.
+ * @since 7
+ */
+interface Slider extends SliderAttribute<Slider> {
+  /**
+   * Called when the slider bar component is used.
+   * @since 7
+   */
+  (options?: SliderOption): Slider;
+}
+
+/**
+ * Defines the attribute functions of Slider.
+ * @since 7
+ */
+declare class SliderAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the slider color of the slider bar is set.
+   * @since 7
+   */
+  blockColor(value: ResourceColor): T;
+
+  /**
+   * Called when the track color of the slider is set.
+   * @since 7
+   */
+  trackColor(value: ResourceColor): T;
+
+  /**
+   * Called when the slider of the slider bar is set to slide over the area color.
+   * @since 7
+   */
+  selectedColor(value: ResourceColor): T;
+
+  /**
+   * Called when the minimum label is set.
+   * @since 7
+   */
+  minLabel(value: string): T;
+
+  /**
+   * Called when the maximum label is set.
+   * @since 7
+   */
+  maxLabel(value: string): T;
+
+  /**
+   * Called when setting whether to display step size.
+   * @devices phone, tablet, car
+   * @since 7
+   */
+  showSteps(value: boolean): T;
+
+  /**
+   * Called when the percentage of bubble prompt is set when sliding.
+   * @devices phone, tablet, car
+   * @since 7
+   */
+  showTips(value: boolean): T;
+
+  /**
+   * Called when the selection value changes.
+   * @devices phone, tablet, car
+   * @since 7
+   */
+  onChange(callback: (value: number, mode: SliderChangeMode) => void): T;
 }
 
+export declare class SliderExtend<T> extends SliderAttribute<T> {}
 export declare const SliderInterface: Slider;
diff --git a/api/@internal/component/ets/span.d.ts b/api/@internal/component/ets/span.d.ts
index a2520d802641de99ac79b1fba35bcd0b19c70967..913d6d9eecec4ea7f935f4e1c7738b65b62ed556 100644
--- a/api/@internal/component/ets/span.d.ts
+++ b/api/@internal/component/ets/span.d.ts
@@ -13,27 +13,73 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, Resource} from "./common";
-import {FontStyle, FontWeight, TextDecorationType, TextCase} from "./text";
+import { CommonMethod } from "./common";
+import { FontStyle, FontWeight, TextDecorationType, TextCase } from "./enums";
+import { Resource, ResourceColor } from "./units";
 
-interface Span extends CommonMethod<Span> {
+/**
+ * Provide text decoration.
+ * @since 7
+ */
+interface Span extends SpanAttribute<Span> {
+  /**
+   * Called when text is entered in span.
+   * @since 7
+   */
   (value: string | Resource): Span;
+}
 
-  fontColor(value: Color | number | string | Resource): Span;
+/**
+ * @since 7
+ */
+declare class SpanAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the font color is set.
+   * @since 7
+   */
+  fontColor(value: ResourceColor): T;
 
-  fontSize(value: number | string | Resource): Span;
+  /**
+   * Called when the font size is set.
+   * @since 7
+   */
+  fontSize(value: number | string | Resource): T;
 
-  fontStyle(value: FontStyle): Span;
+  /**
+   * Called when the font style of a font is set.
+   * @since 7
+   */
+  fontStyle(value: FontStyle): T;
 
-  fontWeight(value: number | FontWeight | string): Span;
+  /**
+   * Called when the font weight is set.
+   * @since 7
+   */
+  fontWeight(value: number | FontWeight | string): T;
 
-  fontFamily(value: string | Resource): Span;
+  /**
+   * Called when the font list of text is set.
+   * @since 7
+   */
+  fontFamily(value: string | Resource): T;
 
-  decoration(value: { type: TextDecorationType, color?: Color | number | string | Resource}): Span;
+  /**
+   * Called when the text decoration of the text is set.
+   * @since 7
+   */
+  decoration(value: { type: TextDecorationType; color?: ResourceColor }): T;
 
-  letterSpacing(value: number | string): Span;
+  /**
+   * Called when the distance between text fonts is set.
+   * @since 7
+   */
+  letterSpacing(value: number | string): T;
 
-  textCase(value: TextCase): Span;
+  /**
+   * Called when the type of letter in the text font is set.
+   */
+  textCase(value: TextCase): T;
 }
 
+export declare class SpanExtend<T> extends SpanAttribute<T> {}
 export declare const SpanInterface: Span;
diff --git a/api/@internal/component/ets/stack.d.ts b/api/@internal/component/ets/stack.d.ts
index c470f7d802073d9043e3988bc9cb57f5a218dc43..6fba06254edcb880739f61f696103c458c04076d 100644
--- a/api/@internal/component/ets/stack.d.ts
+++ b/api/@internal/component/ets/stack.d.ts
@@ -13,12 +13,31 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Alignment} from "./common";
+import { CommonMethod } from "./common";
+import { Alignment } from "./enums";
 
-interface Stack extends CommonMethod<Stack> {
+/**
+ * Provides ports for stacking containers.
+ * @since 7
+ */
+interface Stack extends StackAttribute<Stack> {
+  /**
+   * Set the value.
+   * @since 7
+   */
   (value?: { alignContent?: Alignment }): Stack;
+}
 
-  alignContent(value: Alignment): Stack;
+/**
+ * @since 7
+ */
+declare class StackAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the occupancy of items in the container is set.
+   * @since 7
+   */
+  alignContent(value: Alignment): T;
 }
 
+export declare class StackExtend<T> extends StackAttribute<T> {}
 export declare const StackInterface: Stack;
diff --git a/api/@internal/component/ets/stateManagement.d.ts b/api/@internal/component/ets/stateManagement.d.ts
index 1b990ddf1a405171d64113f1d86946c2c5d4bbd7..4adc2f02fc27a8b1d6a6e8bdefcdc2a628f94d1f 100644
--- a/api/@internal/component/ets/stateManagement.d.ts
+++ b/api/@internal/component/ets/stateManagement.d.ts
@@ -1,105 +1,504 @@
+/*
+ * 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.
+ */
+
+/**
+ * Provides an interface for attribute subscribers.
+ * @since 7
+ */
 interface IPropertySubscriber {
+  /**
+   * Called when the ID of the property subscriber is queried.
+   * @since 7
+   */
   id(): number;
+
+  /**
+   * Provides a single attribute change user interface.
+   * @since 7
+   */
   aboutToBeDeleted(owningView?: IPropertySubscriber): void;
 }
 
+/**
+ * @since 7
+ */
 interface ISinglePropertyChangeSubscriber<T> extends IPropertySubscriber {
+  /**
+   * Provides a single attribute change user interface.
+   * @since 7
+   */
   hasChanged(newValue: T): void;
 }
 
+/**
+ * @since 7
+ */
 declare abstract class SubscribedAbstractProperty<T> {
+  /**
+   * Setting Subscribers.
+   * @since 7
+   */
   protected subscribers_: Set<number>;
+
+  /**
+   * Private user ID.
+   * @since 7
+   */
   private id_;
+
+  /**
+   * Private user information.
+   * @since 7
+   */
   private info_?;
-  constructor(subscribeMe?: IPropertySubscriber, info?: string);
+
+  /**
+   * @since 7
+   */
+  constructor(
+    /**
+     * Subscriber Information.
+     * @since 7
+     */
+    subscribeMe?: IPropertySubscriber,
+    info?: string,
+  );
+
+  /**
+   * Called when the subscriber ID is entered.
+   * @since 7
+   */
   id(): number;
+
+  /**
+   * Called when a subscriber information description is entered.
+   * @since 7
+   */
   info(): string;
+
+  /**
+   * Called when data is obtained.
+   * @since 7
+   */
   abstract get(): T;
+
+  /**
+   * Called when data is created.
+   * @since 7
+   */
   abstract set(newValue: T): void;
+
+  /**
+   * Called when a two-way synchronization is created.
+   * @since 7
+   */
   createTwoWaySync(subscribeMe?: IPropertySubscriber, info?: string): SyncedPropertyTwoWay<T>;
+
+  /**
+   * Called when a one-way synchronization is created.
+   * @since 7
+   */
   createOneWaySync(subscribeMe?: IPropertySubscriber, info?: string): SyncedPropertyOneWay<T>;
+
+  /**
+   * Called when the subscriber is unlinked.
+   * @since 7
+   */
   unlinkSuscriber(subscriberId: number): void;
+
+  /**
+   * Called when the notification has changed.
+   * @since 7
+   */
   protected notifyHasChanged(newValue: T): void;
+
+  /**
+   * Called when the notification property is read.
+   * @since 7
+   */
   protected notifyPropertyRead(): void;
+
+  /**
+   * Called when the number of users is queried.
+   * @since 7
+   */
   numberOfSubscrbers(): number;
 }
 
-declare class SyncedPropertyTwoWay<T> extends SubscribedAbstractProperty<T> implements ISinglePropertyChangeSubscriber<T> {
+/**
+ * @since 7
+ */
+declare class SyncedPropertyTwoWay<T>
+  extends SubscribedAbstractProperty<T>
+  implements ISinglePropertyChangeSubscriber<T>
+{
+  /**
+   * Sources of synchronization attributes bidirectionally.
+   * @since 7
+   */
   private source_;
+
+  /**
+   * constructor parameters.
+   * @since 7
+   */
   constructor(source: SubscribedAbstractProperty<T>, subscribeMe?: IPropertySubscriber, info?: string);
+
+  /**
+   * Called when processing information about to be deleted.
+   * @since 7
+   */
   aboutToBeDeleted(unsubscribeMe?: IPropertySubscriber): void;
+
+  /**
+   * Information Changed.
+   * @since 7
+   */
   hasChanged(newValue: T): void;
+
+  /**
+   * Called when data is obtained.
+   * @since 7
+   */
   get(): T;
+
+  /**
+   * Called when data is created.
+   * @since 7
+   */
   set(newValue: T): void;
 }
 
-declare class SyncedPropertyOneWay<T> extends SubscribedAbstractProperty<T> implements ISinglePropertyChangeSubscriber<T> {
+/**
+ * @since 7
+ */
+declare class SyncedPropertyOneWay<T>
+  extends SubscribedAbstractProperty<T>
+  implements ISinglePropertyChangeSubscriber<T>
+{
+  /**
+   * Pack value for single-item binding.
+   * @since 7
+   */
   private wrappedValue_;
+
+  /**
+   * Sources of synchronization attributes bidirectionally.
+   * @since 7
+   */
   private source_;
+
+  /**
+   * Constructor parameters.
+   * @since 7
+   */
   constructor(source: SubscribedAbstractProperty<T>, subscribeMe?: IPropertySubscriber, info?: string);
+
+  /**
+   * Called when processing information about to be deleted.
+   * @since 7
+   */
   aboutToBeDeleted(unsubscribeMe?: IPropertySubscriber): void;
+
+  /**
+   * Information Changed.
+   * @since 7
+   */
   hasChanged(newValue: T): void;
+
+  /**
+   * Called when data is obtained.
+   * @since 7
+   */
   get(): T;
+
+  /**
+   * Called when data is created.
+   * @since 7
+   */
   set(newValue: T): void;
 }
 
+/**
+ * @since 7
+ */
 export declare class AppStorage {
-  static GetOrCreate(): AppStorage;
-  static Get(): AppStorage | undefined;
-  link<T>(propName: string): SubscribedAbstractProperty<T> | undefined;
-  setAndLink<T>(propName: string, defaultValue: T): SubscribedAbstractProperty<T>;
-  prop<S>(propName: string): SubscribedAbstractProperty<S> | undefined;
-  setAndProp<S>(propName: string, defaultValue: S): SubscribedAbstractProperty<S>;
-  has(propName: string): boolean;
-  get<T>(propName: string): T | undefined;
-  set<T>(propName: string, newValue: T): boolean;
-  setOrCreate<T>(propName: string, newValue: T): void;
-  delete(propName: string): boolean;
-  keys(): IterableIterator<string>;
-  protected clear(): boolean;
-  getOrCreatePersistentStorage(): PersistentStorage;
+  /**
+   * Called when a link is set.
+   * @since 7
+   */
+  static Link<T>(propName: string): any;
+
+  /**
+   * Called when a hyperlink is set.
+   * @since 7
+   */
+  static SetAndLink<T>(propName: string, defaultValue: T): SubscribedAbstractProperty<T>;
+
+  /**
+   * Called when a property is set.
+   * @since 7
+   */
+  static Prop<S>(propName: string): any;
+
+  /**
+   * Called when dynamic properties are set.
+   * @since 7
+   */
+  static SetAndProp<S>(propName: string, defaultValue: S): SubscribedAbstractProperty<S>;
+
+  /**
+   * Called when owning or not.
+   * @since 7
+   */
+  static Has(propName: string): boolean;
+
+  /**
+   * Called when data is obtained.
+   * @since 7
+   */
+  static Get<T>(propName: string): T | undefined;
+
+  /**
+   * Called when setting.
+   * @since 7
+   */
+  static Set<T>(propName: string, newValue: T): boolean;
+
+  /**
+   * Called when setting or creating.
+   * @since 7
+   */
+  static SetOrCreate<T>(propName: string, newValue: T): void;
+
+  /**
+   * Called when a deletion is made.
+   * @since 7
+   */
+  static Delete(propName: string): boolean;
+
+  /**
+   * Called when a dictionary is sorted.
+   * @since 7
+   */
+  static Keys(): IterableIterator<string>;
+
+  /**
+   * Called when a cleanup occurs.
+   * @since 7
+   */
+  static staticClear(): boolean;
+
+  /**
+   * Called when the data can be changed.
+   * @since 7
+   */
+  static IsMutable(propName: string): boolean;
+
+  /**
+   * Called when you check how much data is stored.
+   * @since 7
+   */
+  static Size(): number;
 }
 
+/**
+ * @since 7
+ */
 export declare class Environment {
+  /**
+   * Constructor.
+   * @since 7
+   */
   constructor();
-  static Prop(key:string, defaultValue:any): boolean;
-  static Props(props: Array<{key: string, defaultValue: any}>): void;
+
+  /**
+   * Called when a property value is checked.
+   * @since 7
+   */
+  static EnvProp<S>(key: string, value: S): boolean;
+
+  /**
+   * Called when multiple property values are checked.
+   * @since 7
+   */
+  static EnvProps(
+    props: {
+      key: string;
+      defaultValue: any;
+    }[],
+  ): void;
+
+  /**
+   * Set the key value.
+   * @since 7
+   */
   static Keys(): Array<string>;
 }
 
+/**
+ * @since 7
+ */
 export declare enum ColorMode {
+  /**
+   * Bright color.
+   * @since 7
+   */
   LIGHT = 0,
+
+  /**
+   * Dark.
+   * @since 7
+   */
   DARK,
 }
 
+/**
+ * @since 7
+ */
 export declare enum LayoutDirection {
+  /**
+   * Elements are laid out from left to right.
+   * @since 7
+   */
   LTR = 0,
+
+  /**
+   * Elements are laid out from right to left.
+   * @since 7
+   */
   RTL,
 }
 
+/**
+ * @since 7
+ */
 export declare class PersistentStorage {
+  /**
+   * Constructor parameters.
+   * @since 7
+   */
   constructor(appStorage: AppStorage, storage: Storage);
-  link(propName: string): void;
-  links(props: Array<string>): void;
-  unlink(propName: string): void;
-  keys(): IterableIterator<string>;
+
+  /**
+   * Called when a persistence property is stored.
+   * @since 7
+   */
+  static PersistProp<T>(key: string, defaultValue: T): void;
+
+  /**
+   * Called when a property is deleted.
+   * @since 7
+   */
+  static DeleteProp(key: string): void;
+
+  /**
+   * Called when multiple persistence properties are stored.
+   * @since 7
+   */
+  static PersistProps(
+    properties: {
+      key: string;
+      defaultValue: any;
+    }[],
+  ): void;
+
+  /**
+   * Set the key value.
+   * @since 7
+   */
+  static Keys(): Array<string>;
 }
 
+/**
+ * @since 7
+ */
 export declare class Storage {
+  /**
+   * Constructor parameters.
+   * @since 7
+   */
   constructor(needCrossThread?: boolean, file?: string);
+
+  /**
+   * Called when data is obtained.
+   * @since 7
+   */
   get(key: string): string | undefined;
+
+  /**
+   * Called when setting.
+   * @since 7
+   */
   set(key: string, val: any): void;
+
+  /**
+   * Called when data is cleared.
+   * @since 7
+   */
   clear(): void;
+
+  /**
+   * Called when data is deleted.
+   * @since 7
+   */
   delete(key: string): void;
 }
 
+/**
+ * @since 7
+ */
 export declare abstract class SubscribaleAbstract {
+  /**
+   * Returns the ownership attribute set by the.
+   * @since 7
+   */
   private owningProperties_: Set<number>;
+
+  /**
+   * Constructor.
+   * @since 7
+   */
   constructor();
+
+  /**
+   * Called when the notification property has changed.
+   * @since 7
+   */
   protected notifyPropertyHasChanged(propName: string, newValue: any): void;
+
+  /**
+   * Called when adding an already owned property.
+   * @since 7
+   */
   public addOwningProperty(subscriber: IPropertySubscriber): void;
+
+  /**
+   * Called when an already owned property is deleted.
+   * @since 7
+   */
   public removeOwningProperty(property: IPropertySubscriber): void;
+
+  /**
+   * Called when an already owned property is deleted by ID
+   * @since 7
+   */
   public removeOwningPropertyById(subscriberId: number): void;
 }
 
+/**
+ * @since 7
+ */
 export declare const appStorage: AppStorage;
diff --git a/api/@internal/component/ets/swiper.d.ts b/api/@internal/component/ets/swiper.d.ts
index 45e804e87b95621f37d40a782fd440fbaaa23c43..b2b91252fb579ea5e10ed015b84c2c6dea0871bf 100644
--- a/api/@internal/component/ets/swiper.d.ts
+++ b/api/@internal/component/ets/swiper.d.ts
@@ -13,36 +13,126 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
+import { CommonMethod } from "./common";
 
+/**
+ * Provides methods for switching components.
+ * @since 7
+ */
 export declare class SwiperController {
+  /**
+   * constructor.
+   * @since 7
+   */
   constructor();
 
+  /**
+   * Called when the next child component is displayed.
+   * @since 7
+   */
   showNext();
 
+  /**
+   * Called when the previous subcomponent is displayed.
+   * @since 7
+   */
   showPrevious();
 }
 
-interface Swiper extends CommonMethod<Swiper> {
+/**
+ * Declare the size of the swiper on the spindle.
+ * @since 7
+ */
+export declare enum SwiperDisplayMode {
+  /**
+   * Carousel map extension.
+   * @since 7
+   */
+  Stretch,
+
+  /**
+   * The rotation chart is self linear.
+   * @since 7
+   */
+  AutoLinear,
+}
+
+/**
+ * Provides an interface for sliding containers.
+ * @since 7
+ */
+interface Swiper extends SwiperAttribute<Swiper> {
+  /**
+   * Called when a sliding container is set.
+   * @since 7
+   */
   (controller?: SwiperController): Swiper;
+}
+
+/**
+ * @since 7
+ */
+declare class SwiperAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the index value of the displayed subcomponent is set in the container.
+   * @since 7
+   */
+  index(value: number): T;
 
-  index(value: number): Swiper;
+  /**
+   * Called when setting whether the subcomponent plays automatically.
+   * @since 7
+   */
+  autoPlay(value: boolean): T;
 
-  autoPlay(value: boolean): Swiper;
+  /**
+   * Called when the time interval for automatic playback is set.
+   * @since 7
+   */
+  interval(value: number): T;
 
-  interval(value: number): Swiper;
+  /**
+   * Called when you set whether the navigation point indicator is enabled.
+   * @since 7
+   */
+  indicator(value: boolean): T;
 
-  indicator(value: boolean): Swiper;
+  /**
+   * Called when setting whether to turn on cyclic sliding.
+   * @since 7
+   */
+  loop(value: boolean): T;
 
-  loop(value: boolean): Swiper;
+  /**
+   * Called when the animation duration of the switch is set.
+   * @since 7
+   */
+  duration(value: number): T;
 
-  duration(value: number): Swiper;
+  /**
+   * Called when setting whether to slide vertically.
+   * @since 7
+   */
+  vertical(value: boolean): T;
 
-  vertical(value: boolean): Swiper;
+  /**
+   * Called when the size of the rotation chart is set.
+   * @since 7
+   */
+  itemSpace(value: number | string): T;
 
-  itemSpace(value: number | string): Swiper;
+  /**
+   * Called when setting the size of the swiper container on the spindle.
+   * @since 7
+   */
+  displayMode(value: SwiperDisplayMode): T;
 
-  onChange(event: (index: number) => void): Swiper;
+  /**
+   * Called when the index value changes.
+   * @since 7
+   */
+  onChange(event: (index: number) => void): T;
 }
 
+export declare class SwiperExtend<T> extends SwiperAttribute<T> {}
 export declare const SwiperInterface: Swiper;
diff --git a/api/@internal/component/ets/tab_content.d.ts b/api/@internal/component/ets/tab_content.d.ts
index afbc0cbd543a7ac1eb6011104429411a7cdae5dc..bc506313f404c6bbf5e1eb4bf069c31cafc52d6e 100644
--- a/api/@internal/component/ets/tab_content.d.ts
+++ b/api/@internal/component/ets/tab_content.d.ts
@@ -13,12 +13,32 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
+import { CommonMethod } from "./common";
+import { Resource } from "./units";
 
-interface TabContent extends CommonMethod<TabContent> {
+/**
+ * Provides an interface for switching the content view on a tab page.
+ * @since 7
+ */
+interface TabContent extends TabContentAttribute<TabContent> {
+  /**
+   * Called when the content view of the switch tab is set.
+   * @since 7
+   */
   (): TabContent;
+}
 
-  tabBar(value: string | { icon?: string, text?: string }): TabContent;
+/**
+ * Defines the attribute functions of TabContent.
+ * @since 7
+ */
+declare class TabContentAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when tabbar is entered.
+   * @since 7
+   */
+  tabBar(value: string | Resource | { icon?: string | Resource; text?: string | Resource }): T;
 }
 
+export declare class TabContentExtend<T> extends TabContentAttribute<T> {}
 export declare const TabContentInterface: TabContent;
diff --git a/api/@internal/component/ets/tabs.d.ts b/api/@internal/component/ets/tabs.d.ts
index ba47d674796905fbd003e6ab575378c6ae6effb4..f9417bd6b27ea6b4ec52bc32c1482dced47532f4 100644
--- a/api/@internal/component/ets/tabs.d.ts
+++ b/api/@internal/component/ets/tabs.d.ts
@@ -13,40 +13,119 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
+import { CommonMethod } from "./common";
 
+/**
+ * Declare the graphic format of the bar chart.
+ * @since 7
+ */
 export declare enum BarMode {
+  /**
+   * The actual layout width of the TabBar is used. If the width exceeds the total width, you can slide the tabbar.
+   * @since 7
+   */
   Scrollable,
-  Fixed
+
+  /**
+   * The width of all TabBars is evenly allocated.
+   * @since 7
+   */
+  Fixed,
 }
 
+/**
+ * Declare the location of the bar chart.
+ * @since 7
+ */
 export declare enum BarPosition {
+  /**
+   * When the vertical attribute method is set to true, the tab is on the left of the container. When the vertical property method is set to false, the tab is at the top of the container.
+   * @since 7
+   */
   Start,
-  End
+
+  /**
+   * When the vertical attribute method is set to true, the tab is located on the right of the container. When the vertical property method is set to false, the tab is at the bottom of the container.
+   * @since 7
+   */
+  End,
 }
 
+/**
+ * @since 7
+ */
 export declare class TabsController {
+  /**
+   * constructor.
+   * @since 7
+   */
   constructor();
 
+  /**
+   * Called when the tab is switched.
+   * @since 7
+   */
   changeIndex(value: number): void;
 }
 
-interface Tabs extends CommonMethod<Tabs> {
-  (value?: { barPosition?: BarPosition, initialIndex?: number, controller?: TabsController }): Tabs;
+/**
+ * Provides an interface for switching views.
+ * @since 7
+ */
+interface Tabs extends TabsAttribute<Tabs> {
+  /**
+   * Called when the view is switched.
+   * @since 7
+   */
+  (value?: { barPosition?: BarPosition; index?: number; controller?: TabsController }): Tabs;
+}
 
-  vertical(value: boolean): Tabs;
+/**
+ * @since 7
+ */
+declare class TabsAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when determining whether the tab is vertical.
+   * @since 7
+   */
+  vertical(value: boolean): T;
 
-  scrollable(value: boolean): Tabs;
+  /**
+   * Called when judging whether page switching can be performed by sliding left and right.
+   * @since 7
+   */
+  scrollable(value: boolean): T;
 
-  barMode(value: BarMode): Tabs;
+  /**
+   * Called when the graphic format of the bar chart is selected.
+   * @since 7
+   */
+  barMode(value: BarMode): T;
 
-  barWidth(value: number): Tabs;
+  /**
+   * Called when the width of the bar graph is set.
+   * @since 7
+   */
+  barWidth(value: number): T;
 
-  barHeight(value: number): Tabs;
+  /**
+   * Called when the height of the bar graph is set.
+   * @since 7
+   */
+  barHeight(value: number): T;
 
-  animationDuration(value: number): Tabs;
+  /**
+   * Called when the animation duration of the bar graph is set.
+   * @since 7
+   */
+  animationDuration(value: number): T;
 
-  onChange(event: (index: number) => void): Tabs;
+  /**
+   * Called when the tab is switched.
+   * @since 7
+   */
+  onChange(event: (index: number) => void): T;
 }
 
+export declare class TabsExtend<T> extends TabsAttribute<T> {}
 export declare const TabsInterface: Tabs;
diff --git a/api/@internal/component/ets/text.d.ts b/api/@internal/component/ets/text.d.ts
index 65efdfde556d29d532f96a9d6a361354457d8ecf..3783a00dbd06239d37fd3335958cde71f7a6e5c5 100644
--- a/api/@internal/component/ets/text.d.ts
+++ b/api/@internal/component/ets/text.d.ts
@@ -13,78 +13,123 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, Resource} from "./common";
+import { CommonMethod } from "./common";
+import { FontStyle, FontWeight, TextAlign, TextCase, TextDecorationType, TextOverflow } from "./enums";
+import { Resource, ResourceColor } from "./units";
 
-export declare enum FontStyle {
-  Normal,
-  Italic
-}
-
-export declare enum FontWeight {
-  Lighter,
-  Normal,
-  Regular,
-  Medium,
-  Bold,
-  Bolder
-}
-
-export declare enum TextAlign {
-  Center,
-  Start,
-  End
-}
-
-export declare enum TextOverflow {
-  Clip,
-  Ellipsis
-}
-
-export declare enum TextDecorationType {
-  None,
-  Underline,
-  Overline,
-  LineThrough
-}
-
-export declare enum TextCase {
-  Normal,
-  LowerCase,
-  UpperCase
-}
+/**
+ * @since 7
+ */
+export declare class TextExtend<T> extends TextAttribute<T> {}
 
-interface Text extends CommonMethod<Text> {
+/**
+ * Provides an interface for writing texts.
+ * @since 7
+ */
+interface Text extends TextAttribute<Text> {
+  /**
+   * Called when writing text.
+   * @since 7
+   */
   (content?: string | Resource): Text;
+}
 
-  fontColor(value: Color | number | string | Resource): Text;
-
-  fontSize(value: number | string | Resource): Text;
-
-  minFontSize(value: number | string | Resource): Text;
-
-  maxFontSize(value: number | string | Resource): Text;
-
-  fontStyle(value: FontStyle): Text;
-
-  fontWeight(value: number | FontWeight | string): Text;
-
-  textAlign(value: TextAlign): Text;
-
-  lineHeight(value: number | string): Text;
-
-  textOverflow(value: { overflow: TextOverflow }): Text;
-
-  fontFamily(value: string | Resource): Text;
-
-  maxLines(value: number): Text;
-
-  decoration(value: { type: TextDecorationType, color?: Color | number | string | Resource}): Text;
-
-  letterSpacing(value: number | string): Text;
-
-  textCase(value: TextCase): Text;
-
-  baselineOffset(value: number | string): Text;
+/**
+ * @since 7
+ */
+declare class TextAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the font color is set.
+   * @since 7
+   */
+  fontColor(value: ResourceColor): T;
+
+  /**
+   * Called when the font size is set.
+   * @since 7
+   */
+  fontSize(value: number | string | Resource): T;
+
+  /**
+   * Called when the minimum font size of the font is set.
+   * @since 7
+   */
+  minFontSize(value: number | string | Resource): T;
+
+  /**
+   * Called when the maximum font size of the font is set.
+   * @since 7
+   */
+  maxFontSize(value: number | string | Resource): T;
+
+  /**
+   * Called when the font style of a font is set.
+   * @since 7
+   */
+  fontStyle(value: FontStyle): T;
+
+  /**
+   * Called when the font weight is set.
+   * @since 7
+   */
+  fontWeight(value: number | FontWeight | string): T;
+
+  /**
+   * Called when the horizontal center mode of the font is set.
+   * @since 7
+   */
+  textAlign(value: TextAlign): T;
+
+  /**
+   * Called when the vertical center mode of the font is set.
+   * @since 7
+   */
+  lineHeight(value: number | string | Resource): T;
+
+  /**
+   * Called when the overflow mode of the font is set.
+   * @since 7
+   */
+  textOverflow(value: { overflow: TextOverflow }): T;
+
+  /**
+   * Called when the font list of text is set.
+   * @since 7
+   */
+  fontFamily(value: string | Resource): T;
+
+  /**
+   * Called when the maximum number of lines of text is set.
+   * @since 7
+   */
+  maxLines(value: number): T;
+
+  /**
+   * Called when the text decoration of the text is set.
+   * @since 7
+   */
+  decoration(value: { type: TextDecorationType; color?: ResourceColor }): T;
+
+  /**
+   * Called when the distance between text fonts is set.
+   * @since 7
+   */
+  letterSpacing(value: number | string): T;
+
+  /**
+   * Called when the type of letter in the text font is set.
+   * @since 7
+   */
+  textCase(value: TextCase): T;
+
+  /**
+   * Called when the baseline offset is set.
+   * @since 7
+   */
+  baselineOffset(value: number | string): T;
 }
 
+/**
+ * @since 7
+ */
 export declare const TextInterface: Text;
diff --git a/api/@internal/component/ets/text_area.d.ts b/api/@internal/component/ets/text_area.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..94257dfec84cdac816156929094cc68400ce7219
--- /dev/null
+++ b/api/@internal/component/ets/text_area.d.ts
@@ -0,0 +1,89 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ResourceStr } from ".";
+import { CommonMethod } from "./common";
+import { TextAlign } from "./enums";
+import { Font, ResourceColor } from "./units";
+
+/**
+ * Defines the option of TextArea.
+ * @since 8
+ */
+export declare interface TextAreaOption {
+  /**
+   * The place holder text string.
+   * @since 8
+   */
+  placeholder?: ResourceStr;
+
+  /**
+   * Sets the current value of TextArea.
+   * @since 8
+   */
+  text?: ResourceStr;
+}
+
+/**
+ * Provides an interface for the multi-line text input component.
+ * @since 8
+ */
+interface TextArea extends TextAreaAttribute<TextArea> {
+  /**
+   * Called when writing multiple lines of text.
+   * @since 8
+   */
+  (value?: TextAreaOption): TextArea;
+}
+
+/**
+ * Defines the attribute functions of TextArea.
+ * @since 8
+ */
+declare class TextAreaAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the color of the placeholder is set.
+   * @since 8
+   */
+  placeholderColor(value: ResourceColor): T;
+
+  /**
+   * Called when the font property of the placeholder is set.
+   * @since 8
+   */
+  placeholderFont(value: Font): T;
+
+  /**
+   * Called when the alignment of the contents of a multiline text box is set.
+   * @since 8
+   */
+  textAlign(value: TextAlign): T;
+
+  /**
+   * Called when the insertion cursor color is set.
+   * @since 6
+   */
+  caretColor(value: ResourceColor): T;
+
+  /**
+   * Called when the input changes.
+   * @devices phone, tablet, car.
+   * @since 8
+   */
+  onChange(callback: (value: string) => void): T;
+}
+
+export declare class TextAreaExtend<T> extends TextAreaAttribute<T> {}
+export declare const TextAreaInterface: TextArea;
diff --git a/api/@internal/component/ets/text_input.d.ts b/api/@internal/component/ets/text_input.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d89584506c470f0a1953beb921d643568e4b553e
--- /dev/null
+++ b/api/@internal/component/ets/text_input.d.ts
@@ -0,0 +1,178 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Font } from ".";
+import { CommonMethod } from "./common";
+import { FontWeight, FontStyle } from "./enums";
+import { Resource, ResourceColor, ResourceStr } from "./units";
+
+/**
+ * Declare the type of input box
+ * @since 8
+ */
+export declare enum InputType {
+  /**
+   * Basic input mode.
+   * @since 8
+   */
+  Normal,
+
+  /**
+   * Password entry mode.
+   * @since 8
+   */
+  Number,
+
+  /**
+   * E-mail address input mode.
+   * @since 8
+   */
+  Email,
+
+  /**
+   * Pure digital input mode.
+   * @since 8
+   */
+  Password,
+}
+
+/**
+ * Declare the type of soft keyboard.
+ * @since 8
+ */
+export declare enum EnterKeyType {
+  /**
+   * Go.
+   * @since 8
+   */
+  Go,
+
+  /**
+   * Search.
+   * @since 8
+   */
+  Search,
+
+  /**
+   * Send.
+   * @since 8
+   */
+  Send,
+
+  /**
+   * Next.
+   * @since 8
+   */
+  Next,
+
+  /**
+   * Done.
+   * @since 8
+   */
+  Done,
+}
+
+/**
+ * Defines the option of TextInput.
+ * @since 8
+ */
+export declare interface TextInputOption {
+  /**
+   * The place holder text string.
+   * @since 8
+   */
+  placeholder?: ResourceStr;
+
+  /**
+   * Sets the current value of TextArea.
+   * @since 8
+   */
+  text?: ResourceStr;
+}
+
+/**
+ * Provides a single-line text input component interface.
+ * @since 8
+ */
+interface TextInput extends TextInputAttribute<TextInput> {
+  /**
+   * Called when writing a single line of text.
+   * @since 8
+   */
+  (value?: TextInputOption): TextInput;
+}
+
+/**
+ * @since 8
+ */
+declare class TextInputAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the input type is set.
+   * @since 8
+   */
+  type(value: InputType): T;
+
+  /**
+   * Called when the color of the placeholder is set.
+   * @since 8
+   */
+  placeholderColor(value: ResourceColor): T;
+
+  /**
+   * Called when the font property of the placeholder is set.
+   * @since 8
+   */
+  placeholderFont(value?: Font): T;
+
+  /**
+   * Called when the type of soft keyboard input button is set.
+   * @since 8
+   */
+  enterKeyType(value: EnterKeyType): T;
+
+  /**
+   * Called when the color of the insertion cursor is set.
+   * @since 8
+   */
+  caretColor(value: ResourceColor): T;
+
+  /**
+   * Called when judging whether the text editing has changed.
+   * @since 8
+   */
+  onEditChanged(callback: (isEditing: boolean) => void): T;
+
+  /**
+   * Called when submitted.
+   * @since 8
+   */
+  onSubmit(callback: (enterKey: EnterKeyType) => void): T;
+
+  /**
+   * Called when the input of the input box changes.
+   * @since 8
+   */
+  onChange(callback: (value: string) => void): T;
+
+  /**
+   * Called when the input of maximum text length is set.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision.
+   * @since 5
+   */
+  maxLength(value: number): T;
+}
+
+export declare class TextInputExtend<T> extends TextInputAttribute<T> {}
+export declare const TextInputInterface: TextInput;
diff --git a/api/@internal/component/ets/text_picker.d.ts b/api/@internal/component/ets/text_picker.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..542719fdd2ba9adcaed6418ed164c296eb8b22e2
--- /dev/null
+++ b/api/@internal/component/ets/text_picker.d.ts
@@ -0,0 +1,91 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { CommonMethod } from "./common";
+import { Resource } from "./units";
+
+/**
+ * Declare the type of selector
+ * @since 8
+ */
+export declare enum PickerStyle {
+  /**
+   * Inside the line.
+   * @since 8
+   */
+  INLINE = 0,
+
+  /**
+   * Block-level elements.
+   * @since 8
+   */
+  BLOCK,
+
+  /**
+   * fade.
+   * @since 8
+   */
+  FADE,
+}
+
+/**
+ * @since 8
+ */
+interface TextPicker extends TextPickerAttribute<TextPicker> {
+  /**
+   * Add the property of the selector value range.
+   * @since 8
+   */
+  (options?: {
+    range: string[] | Resource;
+    value?: string;
+    selected?: number;
+    loop?: boolean;
+    style?: PickerStyle;
+  }): TextPicker;
+}
+
+/**
+ * Style the text selector.
+ * @since 8
+ */
+declare class TextPickerAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the default height of the selected element is set.
+   * @since 8
+   */
+  defaultPickerItemHeight(value: number): T;
+
+  /**
+   * Called when the pop-up value is returned.
+   * @since 8
+   */
+  onAccept(callback: (value: string, index: number) => void): T;
+
+  /**
+   * Called when the Cancel button in the pop-up window is clicked.
+   * @since 8
+   */
+  onCancel(callback: () => void): T;
+
+  /**
+   * Called when the OK button in the pop-up window is clicked.
+   * @since 8
+   */
+  onChange(callback: (value: string, index: number) => void): T;
+}
+
+export declare class TextPickerExtend<T> extends TextPickerAttribute<T> {}
+export declare const TextPickerInterface: TextPicker;
diff --git a/api/@internal/component/ets/toggle.d.ts b/api/@internal/component/ets/toggle.d.ts
index c8bba85406e4fe1219cb1fded7c2d4af4f6e2f90..0cd55b927cc321455c6b3615bbbf202376f25507 100644
--- a/api/@internal/component/ets/toggle.d.ts
+++ b/api/@internal/component/ets/toggle.d.ts
@@ -13,19 +13,66 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color} from "./common";
+import { CommonMethod } from "./common";
+import { ResourceColor } from "./units";
 
+/**
+ * Declare the type of status button
+ * @since 8
+ */
 export declare enum ToggleType {
+  /**
+   * Checkbox
+   * @since 8
+   */
   Checkbox,
+
+  /**
+   * Switch
+   * @since 8
+   */
   Switch,
-  Button
+
+  /**
+   * Button
+   * @since 8
+   */
+  Button,
 }
 
-interface Toggle extends CommonMethod<Toggle> {
-  (options?: {type?: ToggleType, isOn?: boolean}): Toggle;
-  onChange(callback: (isOn: boolean) => void): Toggle;
-  selectedColor(value: Color): Toggle;
-  swithPointStyle(color: Color): Toggle;
+/**
+ * @since 8
+ */
+interface Toggle extends ToggleAttribute<Toggle> {
+  /**
+   * Set parameters to obtain the toggle.
+   * @since 8
+   */
+  (options?: { type: ToggleType; isOn?: boolean }): Toggle;
+}
+
+/**
+ * @since 8
+ */
+declare class ToggleAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the selected state of the component changes.
+   * @since 8
+   */
+  onChange(callback: (isOn: boolean) => void): T;
+
+  /**
+   * Called when the color of the selected button is set.
+   * @since 8
+   */
+  selectedColor(value: ResourceColor): T;
+
+  /**
+   * Called when the color of the selected button is set.
+   * @since 8
+   */
+  swithPointColor(color: ResourceColor): T;
 }
 
+export declare class ToggleExtend<T> extends ToggleAttribute<T> {}
 export declare const ToggleInterface: Toggle;
diff --git a/api/@internal/component/ets/units.d.ts b/api/@internal/component/ets/units.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3bd195cfdaa8e9a6192cc406aee4db456b437174
--- /dev/null
+++ b/api/@internal/component/ets/units.d.ts
@@ -0,0 +1,132 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Color, FontStyle, FontWeight } from "./enums";
+
+/**
+ * Defines the data type of the interface restriction.
+ * @since 7
+ */
+export declare interface Resource {
+  /**
+   * Set id.
+   * @since 7
+   */
+  readonly id: number;
+
+  /**
+   * Set type.
+   * @since 7
+   */
+  readonly type: number;
+
+  /**
+   * Set params.
+   * @since 7
+   */
+  readonly params?: any[];
+}
+
+/**
+ * Defines the length property with string, number and resource unit.
+ * @since 7
+ */
+export declare type Length = string | number | Resource;
+
+/**
+ * Defines the string which can use resource.
+ * @since 7
+ */
+export declare type ResourceStr = string | Resource;
+
+/**
+ * Defines the padding property.
+ * @since 7
+ */
+export declare type Padding = {
+  /**
+   * top property.
+   */
+  top?: Length;
+
+  /**
+   * right property.
+   */
+  right?: Length;
+
+  /**
+   * bottom property.
+   */
+  bottom?: Length;
+
+  /**
+   * left property.
+   */
+  left?: Length;
+};
+
+/**
+ * Defines the margin property.
+ * @sicne 7
+ */
+export declare type Margin = Padding;
+
+/**
+ * Defines the offset property.
+ * @since 7
+ */
+export declare type Offset = {
+  /**
+   * dx property.
+   */
+  dx: Length;
+
+  /**
+   * dy property.
+   */
+  dy: Length;
+};
+
+/**
+ * Defines the color which can use resource.
+ * @since 7
+ */
+export declare type ResourceColor = Color | number | string | Resource;
+
+/**
+ * Defines the font used for text.
+ * @since 7
+ */
+export declare interface Font {
+  /**
+   * font size.
+   */
+  size?: Length;
+
+  /**
+   * font weight.
+   */
+  weight?: FontWeight | number | string;
+
+  /**
+   * font family.
+   */
+  family?: string | Resource;
+
+  /**
+   * font style.
+   */
+  style?: FontStyle;
+}
diff --git a/api/@internal/component/ets/video.d.ts b/api/@internal/component/ets/video.d.ts
index 64cbd421dd855b7e644302571592793895fe551d..9ec5a636861bf075d68cb960fa7fb4684b451182 100644
--- a/api/@internal/component/ets/video.d.ts
+++ b/api/@internal/component/ets/video.d.ts
@@ -13,41 +13,161 @@
  * limitations under the License.
  */
 
-import {CommonMethod, ImageFit} from "./common";
+import { CommonMethod } from "./common";
+import { ImageFit } from "./enums";
+import { Resource } from "./units";
 
-declare class VideoController {
+/**
+ * @since 7
+ */
+export declare class VideoController {
+  /**
+   * constructor.
+   * @since 7
+   */
   constructor();
+
+  /**
+   * Provides events to play.
+   * @since 7
+   */
   start();
+
+  /**
+   * Provides a pause event for playback.
+   * @since 7
+   */
   pause();
+
+  /**
+   * Provides an event to stop playback.
+   * @since 6
+   */
   stop();
+
+  /**
+   * Provide the progress method of video playback.
+   * @since 7
+   */
   setCurrentTime(value: number);
+
+  /**
+   * Provides a full screen playback method.
+   * @since 7
+   */
   requestFullscreen(value: boolean);
+
+  /**
+   * Provides a method to exit full screen playback.
+   * @since 7
+   */
   exitFullscreen();
 }
 
-interface Video extends CommonMethod<Video> {
+/**
+ * @since 7
+ */
+interface Video extends VideoAttribute<Video> {
+  /**
+   * Set the value.
+   * @since 7
+   */
   (value: {
-    src?: string,
-    currentProgressRate?: number | string,
-    previewUri?: string,
-    controller?: VideoController
+    src?: string | Resource;
+    currentProgressRate?: number | string;
+    previewUri?: string;
+    controller?: VideoController;
   }): Video;
+}
+
+/**
+ * @since 7
+ */
+declare class VideoAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when judging whether the video is muted.
+   * @since 7
+   */
+  muted(value: boolean): T;
+
+  /**
+   * Called when judging whether the video is played automatically.
+   * @since 7
+   */
+  autoPlay(value: boolean): T;
+
+  /**
+   * Called when judging whether the control bar is displayed.
+   * @since 7
+   */
+  controls(value: boolean): T;
+
+  /**
+   * Called when judging whether the video is played circularly.
+   * @since 6
+   */
+  loop(value: boolean): T;
+
+  /**
+   * Called when determining the zoom type of the video source.
+   * @since 7
+   */
+  objectFit(value: ImageFit): T;
+
+  /**
+   * Called when the video is played.
+   * @since 7
+   */
+  onStart(event: () => void): T;
+
+  /**
+   * Called when the video is paused.
+   * @since 7
+   */
+  onPause(event: () => void): T;
+
+  /**
+   * Called when the video playback ends.
+   * @since 7
+   */
+  onFinish(event: () => void): T;
+
+  /**
+   * Called when the video enters and exits the full screen.
+   * @since 7
+   */
+  onFullscreenChange(callback: (event?: { fullscreen: boolean }) => void): T;
+
+  /**
+   * Called when the video preparation is complete.
+   * @since 7
+   */
+  onPrepared(callback: (event?: { duration: number }) => void): T;
+
+  /**
+   * Called when the time information is reported when the progress bar process is operated.
+   * @since 7
+   */
+  onSeeking(callback: (event?: { time: number }) => void): T;
+
+  /**
+   * Called when the playback time information is reported after the operation progress bar is completed.
+   * @since 7
+   */
+  onSeeked(callback: (event?: { time: number }) => void): T;
+
+  /**
+   * Called when the playback progress changes.
+   * @since 7
+   */
+  onUpdate(callback: (event?: { time: number }) => void): T;
 
-  muted(value: boolean): Video;
-  autoPlay(value: boolean): Video;
-  controls(value: boolean): Video;
-  loop(value: boolean): Video;
-  objectFit(value: ImageFit): Video;
-
-  onStart(event: () => void): Video;
-  onPause(event: () => void): Video;
-  onFinish(event: () => void): Video;
-  onFullscreenChange(callback: (event?: { fullscreen: boolean }) => void): Video;
-  onPrepared(callback: (event?: { duration: number }) => void): Video;
-  onSeeking(callback: (event?: { time: number }) => void): Video;
-  onSeeked(callback: (event?: { time: number }) => void): Video;
-  onUpdate(callback: (event?: { time: number }) => void): Video;
-  onError(event: () => void): Video;
+  /**
+   * Called when playback fails.
+   * @since 7
+   */
+  onError(event: () => void): T;
 }
 
+export declare class VideoExtend<T> extends VideoAttribute<T> {}
 export declare const VideoInterface: Video;
diff --git a/api/@internal/component/ets/web.d.ts b/api/@internal/component/ets/web.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3f6128766fd3422024aaa1be98e740e624fe83e2
--- /dev/null
+++ b/api/@internal/component/ets/web.d.ts
@@ -0,0 +1,97 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { CommonMethod } from "./common";
+
+/**
+ * Defines the WebController.
+ * @since 8
+ */
+export declare class WebController {
+  /**
+   * Defines the constructor of WebController.
+   * @since 8
+   */
+  constructor();
+
+  /**
+   * Reload current web page.
+   * @since 8
+   */
+  reload();
+}
+
+/**
+ * Defines the option of Web component.
+ * @since 8
+ */
+export declare interface WebOption {
+  /**
+   * The web url.
+   * @since 8
+   */
+  src: string;
+
+  /**
+   * The web Controller.
+   * @since 8
+   */
+  controller: WebController;
+}
+
+/**
+ * Defines the Web component.
+ * @since 8
+ */
+interface Web extends WebAttribute<Web> {
+  /**
+   * Defines the constructor of Web.
+   * @since 8
+   */
+  (value: WebOption): Web;
+}
+
+/**
+ * Defines the Web component attribute functions.
+ * @since 8
+ */
+declare class WebAttribute<T> extends CommonMethod<T> {
+  /**
+   * The Callback of onPageStart.
+   * @since 8
+   */
+  onPageStart(callback: (url: string) => void): T;
+
+  /**
+   * The Callback of onPageFinish.
+   * @since 8
+   */
+  onPageFinish(callback: (url: string) => void): T;
+
+  /**
+   * The Callback of onError.
+   * @since 8
+   */
+  onError(callback: (errorMsg: string) => void): T;
+
+  /**
+   * The Callback of onMessage.
+   * @since 8
+   */
+  onMessage(callback: (msg: string) => void): T;
+}
+
+export declare class WebExtend<T> extends WebAttribute<T> {}
+export declare const WebInterface: Web;
diff --git a/api/@internal/ets/index.d.ts b/api/@internal/ets/index.d.ts
index cdff441484a5e789e5fd46d592d43d15a0cdcce2..4a9e2b6b33809e76eb91f12c8ba4779d2bb51a1b 100644
--- a/api/@internal/ets/index.d.ts
+++ b/api/@internal/ets/index.d.ts
@@ -13,4 +13,5 @@
  * limitations under the License.
  */
 
-export * from './global';
\ No newline at end of file
+export * from './global';
+export * from './lifecycle';
diff --git a/api/@internal/ets/lifecycle.d.ts b/api/@internal/ets/lifecycle.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a96e080645cfeb834ea238d257c9f9fd470d7710
--- /dev/null
+++ b/api/@internal/ets/lifecycle.d.ts
@@ -0,0 +1,597 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Want } from "../ability/want";
+import { ResultSet } from "../data/rdb/resultSet";
+import { AbilityInfo } from "../bundle/abilityInfo";
+import { DataAbilityResult } from "../ability/dataAbilityResult";
+import { DataAbilityOperation } from "../ability/dataAbilityOperation";
+import dataAbility from "../@ohos.data.dataAbility";
+import formBindingData from "../@ohos.ability.formBindingData";
+import formManager from "../@ohos.ability.formManager";
+import rdb from "../@ohos.data.rdb";
+import rpc from "../@ohos.rpc";
+import resourceManager from "../@ohos.resourceManager";
+import { PacMap } from "../ability/dataAbilityHelper";
+
+/**
+ * interface of form lifecycle.
+ *
+ * @name LifecycleForm
+ * @since 7
+ * @sysCap AAFwk
+ * @devices phone, tablet, tv, wearable, car
+ */
+export declare interface LifecycleForm {
+  /**
+   * Called to return a {@link formBindingData.FormBindingData} object.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param want Indicates the detailed information for creating a {@link formBindingData#FormBindingData}.
+   *               The {@code Want} object must include the form ID, form name, and grid style of the form,
+   *               which can be obtained from {@link formManager#FormParam#IDENTITY_KEY},
+   *               {@link formManager#FormParam#NAME_KEY}, and {@link formManager#FormParam#DIMENSION_KEY},
+   *               respectively. Such form information must be managed as persistent data for further form
+   *               acquisition, update, and deletion.
+   * @return Returns the created {@link formBindingData#FormBindingData} object.
+   */
+  onCreate?(want: Want): formBindingData.FormBindingData;
+
+  /**
+   * Called when the form provider is notified that a temporary form is successfully converted to a normal form.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param formId Indicates the ID of the form.
+   * @return -
+   */
+  onCastTempToNormal?(formId: string): void;
+
+  /**
+   * Called to notify the form provider to update a specified form.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param formId Indicates the ID of the form to update.
+   * @return -
+   */
+  onUpdate?(formId: string): void;
+
+  /**
+   * Called when the form provider receives form events from the system.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param newStatus Indicates the form events occurred. The key in the {@code Map} object indicates the form ID,
+   *    and the value indicates the event type, which can be either {@link formManager#VisibilityType#FORM_VISIBLE}
+   *    or {@link formManager#VisibilityType#FORM_INVISIBLE}. {@link formManager#VisibilityType#FORM_VISIBLE}
+   *    means that the form becomes visible, and {@link formManager#VisibilityType#FORM_INVISIBLE}
+   *    means that the form becomes invisible.
+   * @return -
+   */
+  onVisibilityChanged?(newStatus: { [key: string]: number }): void;
+
+  /**
+   * Called when a specified message event defined by the form provider is triggered. This method is valid only for
+   * JS forms.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param formId Indicates the ID of the form on which the message event is triggered, which is provided by
+   *               the client to the form provider.
+   * @param message Indicates the value of the {@code params} field of the message event. This parameter is
+   *                used to identify the specific component on which the event is triggered.
+   * @return -
+   */
+  onTriggerEvent?(formId: string, message: string): void;
+
+  /**
+   * Called to notify the form provider that a specified form has been deleted. Override this method if
+   * you want your application, as the form provider, to be notified of form deletion.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param formId Indicates the ID of the deleted form.
+   * @return -
+   */
+  onDelete?(formId: string): void;
+
+  /**
+   * Called to return a {@link FormState} object.
+   *
+   * <p>You must override this callback if you want this ability to return the actual form state. Otherwise,
+   * this method returns {@link FormState#DEFAULT} by default.</p>
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param want Indicates the description of the form for which the {@link formManager#FormState} is obtained.
+   *    The description covers the bundle name, ability name, module name, form name, and form dimensions.
+   * @return Returns the {@link formManager#FormState} object.
+   */
+  onAcquireFormState?(want: Want): formManager.FormState;
+}
+
+/**
+ * interface of app lifecycle.
+ *
+ * @name LifecycleApp
+ * @since 7
+ * @sysCap AAFwk
+ * @devices phone, tablet, tv, wearable, car
+ */
+export declare interface LifecycleApp {
+  /**
+   * Called back when the state of an ability changes from <b>BACKGROUND</b> to <b>INACTIVE</b>.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @return -
+   */
+  onShow?(): void;
+
+  /**
+   * Called back when an ability enters the <b>BACKGROUND</b> state.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @return -
+   */
+  onHide?(): void;
+
+  /**
+   * Called back before an ability is destroyed.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @return -
+   */
+  onDestroy?(): void;
+
+  /**
+   * Called back when an ability is started for initialization.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @return -
+   */
+  onCreate?(): void;
+
+  /**
+   * Called when the window display mode of this ability changes, for example, from fullscreen mode
+   *     to multi-window mode or from multi-window mode to fullscreen mode.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param isShownInMultiWindow Specifies whether this ability is currently in multi-window mode.
+   *     The value {@code true} indicates the multi-window mode, and {@code false} indicates another mode.
+   * @param newConfig Indicates the new configuration information about this Page ability.
+   * @return -
+   * @systemapi hide for inner use.
+   */
+  onWindowDisplayModeChanged?(isShownInMultiWindow: boolean, newConfig: resourceManager.Configuration): void;
+
+  /**
+   * Asks a user whether to start the migration.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @return Returns {@code true} if the user allows the migration; returns {@code false} otherwise.
+   */
+  onStartContinuation?(): boolean;
+
+  /**
+   * Saves the user data of a local ability generated during runtime.
+   * After the migration is triggered and the local ability is ready, this method is called when the Distributed
+   * Scheduler Service requests data from the local ability.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param data Indicates the user data to save.
+   * @return Returns {@code true} if the data is successfully saved; returns {@code false} otherwise.
+   */
+  onSaveData?(data: Object): boolean;
+
+  /**
+   * Called back when a local ability migration is complete.
+   *
+   * <p>You can define the processing logic after the migration is complete. For example, you can display a prompt to
+   * notify the user of the successful migration and then exit the local ability.</p>
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param result Indicates the migration result code. The value {@code 0} indicates that the migration is
+   *               successful, and {@code -1} indicates that the migration fails.
+   * @return -
+   */
+  onCompleteContinuation?(result: number): void;
+
+  /**
+   * Restores the user data saved during the migration for an ability on the remote device immediately after the
+   * ability is created on the remote device. Lifecycle scheduling for the ability starts only after the user data
+   * is restored.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param data Indicates the user data to restore.
+   * @return -
+   */
+  onRestoreData?(data: Object): void;
+
+  /**
+   * Called to notify the local device when a running ability on the remote device is destroyed after a reversible
+   * migration is performed for the ability from the local device to the remote device.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @return -
+   */
+  onRemoteTerminated?(): void;
+
+  /**
+   * This method is called when the system determines that the ability may be destroyed in an unexpected
+   * situation, for example, when the screen orientation changes or the user touches the Home key. Generally,
+   * this method is used only to save temporary states.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param outState Indicates the {@code PacMap} object used for storing user data and states. This
+   * parameter cannot be null.
+   * @return -
+   */
+  onSaveAbilityState?(outState: PacMap): void;
+
+  /**
+   * This method is called if an ability was destroyed at a certain time due to resource reclaim or was
+   * unexpectedly destroyed and the {@link #onSaveAbilityState(PacMap)} method was called to save its user data and
+   * states. Generally, this method is called after the {@link #onStart(Want)} method.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param inState Indicates the {@code PacMap} object used for storing data and states. This
+   * parameter can not be null.
+   * @return -
+   */
+  onRestoreAbilityState?(inState: PacMap): void;
+
+  /**
+   * Called back when an ability enters the <b>INACTIVE</b> state (an ability in this state is not interactive and may
+   * change to the <b>BACKGROUND</b> or <b>ACTIVE</b> state).
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @return -
+   */
+  onInactive?(): void;
+
+  /**
+   * Called back when an ability enters the <b>ACTIVE</b> state.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @return -
+   */
+  onActive?(): void;
+
+  /**
+   * Called when the launch mode of an ability is set to singleton.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param want Indicates the new {@code want} containing information about the ability.
+   * @return -
+   */
+  onNewWant?(want: Want): void;
+
+  /**
+   * Called when the system has determined to trim the memory, for example, when the ability is running in the
+   * background and there is no enough memory for running as many background processes as possible.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param level Indicates the memory trim level, which shows the current memory usage status.
+   * @return -
+   */
+  onMemoryLevel?(level: number): void;
+}
+
+/**
+ * interface of service lifecycle.
+ *
+ * @name LifecycleService
+ * @since 7
+ * @sysCap AAFwk
+ * @devices phone, tablet, tv, wearable, car
+ */
+export declare interface LifecycleService {
+  /**
+   * Called back when an ability is started for initialization (it can be called only once in the entire lifecycle of
+   * an ability).
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @return -
+   */
+  onStart?(): void;
+
+  /**
+   * Called back when Service is started.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param want Indicates the want of Service to start.
+   * @param startId Indicates the number of times the Service ability has been started. The {@code startId} is
+   *     incremented by 1 every time the ability is started. For example, if the ability has been started
+   *     for six times.
+   * @return -
+   */
+  onCommand?(want: Want, startId: number): void;
+
+  /**
+   * Called back before an ability is destroyed.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @return -
+   */
+  onStop?(): void;
+
+  /**
+   * Called back when a Service ability is first connected to an ability.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param want Indicates connection information about the Service ability.
+   * @return Returns the proxy of the Service ability.
+   */
+  onConnect?(want: Want): rpc.RemoteObject;
+
+  /**
+   * Called back when all abilities connected to a Service ability are disconnected.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param want Indicates disconnection information about the Service ability.
+   * @return -
+   */
+  onDisconnect?(want: Want): void;
+
+  /**
+   * Called when a new client attempts to connect to a Service ability after all previous client connections to it
+   * are disconnected.
+   *
+   * <p>The Service ability must have been started but not been destroyed, that is, {@link #startAbility} has been
+   * called but {@link #terminateSelf} has not.</p>
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param want Indicates the want of the Service ability being connected.
+   * @return -
+   */
+  onReconnect?(want: Want): void;
+}
+
+/**
+ * interface of data lifecycle.
+ *
+ * @name LifecycleData
+ * @since 7
+ * @sysCap AAFwk
+ * @devices phone, tablet, tv, wearable, car
+ */
+export declare interface LifecycleData {
+  /**
+   * Updates one or more data records in the database. This method should be implemented by a Data ability.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param uri Indicates the database table storing the data to update.
+   * @param valueBucket Indicates the data to update. This parameter can be null.
+   * @param predicates Indicates filter criteria. If this parameter is null, all data records will be updated by
+   *                   default.
+   * @return Returns the number of data records updated.
+   * @return -
+   */
+  async update?(uri: string, valueBucket: rdb.ValuesBucket, predicates: dataAbility.DataAbilityPredicates): number;
+
+  /**
+   * Queries one or more data records in the database. This method should be implemented by a Data ability.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param uri Indicates the database table storing the data to query.
+   * @param columns Indicates the columns to be queried, in array, for example, {"name","age"}. You should define
+   *                the processing logic when this parameter is null.
+   * @param predicates Indicates filter criteria. If this parameter is null, all data records will be queried by
+   *                   default.
+   * @return Returns the queried data.
+   */
+  async query?(uri: string, columns: Array<string>, predicates: dataAbility.DataAbilityPredicates): ResultSet;
+
+  /**
+   * Deletes one or more data records. This method should be implemented by a Data ability.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param uri Indicates the database table storing the data to delete.
+   * @param predicates Indicates filter criteria. If this parameter is null, all data records will be deleted by
+   *     default.
+   * @return Returns the number of data records deleted.
+   */
+  async delete?(uri: string, predicates: dataAbility.DataAbilityPredicates): number;
+
+  /**
+   * Performs batch operations on the database. This method should be implemented by a Data ability.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param ops Indicates the data operation list, which can contain multiple operations on the database.
+   * @return Returns the result of each operation, in array.
+   */
+  async executeBatch?(ops: Array<DataAbilityOperation>): Array<DataAbilityResult>;
+
+  /**
+   * Converts the given {@code uri} that refer to the Data ability into a normalized URI. A normalized URI can be
+   * used across devices, persisted, backed up, and restored. It can refer to the same item in the Data ability
+   * even if the context has changed.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param uri Indicates the uri to normalize.
+   * @return Returns the normalized uri if the Data ability supports URI normalization;
+   */
+  normalizeUri?(uri: string): string;
+
+  /**
+   * Inserts multiple data records into the database. This method should be implemented by a Data ability.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param uri Indicates the position where the data is to insert.
+   * @param valueBuckets Indicates the data to insert.
+   * @return Returns the number of data records inserted.
+   */
+  async batchInsert?(uri: string, valueBuckets: Array<rdb.ValuesBucket>): number;
+
+  /**
+   * Converts the given normalized {@code uri} generated by {@link #normalizeUri(uri)} into a denormalized one.
+   * The default implementation of this method returns the original uri passed to it.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param uri Indicates the uri to denormalize.
+   * @return Returns the denormalized {@code uri} object if the denormalization is successful; returns the original
+   * {@code uri} passed to this method if there is nothing to do; returns {@code null} if the data identified by
+   * the original {@code uri} cannot be found in the current environment.
+   */
+  denormalizeUri?(uri: string): string;
+
+  /**
+   * Inserts a data record into the database. This method should be implemented by a Data ability.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param uri Indicates the position where the data is to insert.
+   * @param valueBucket Indicates the data to insert.
+   * @return Returns the index of the newly inserted data record.
+   */
+  async insert?(uri: string, valueBucket: rdb.ValuesBucket): number;
+
+  /**
+   * Opens a file. This method should be implemented by a Data ability.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param uri Indicates the path of the file to open.
+   * @param mode Indicates the open mode, which can be "r" for read-only access, "w" for write-only access (erasing
+   *     whatever data is currently in the file), "wt" for write access that truncates any existing file,
+   *     "wa" for write-only access to append to any existing data, "rw" for read and write access on any
+   *     existing data, or "rwt" for read and write access that truncates any existing file.
+   * @return Returns the file descriptor.
+   */
+  async openFile?(uri: string, mode: string): number;
+
+  /**
+   * Obtains the MIME type of files. This method should be implemented by a Data ability.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param uri Indicates the path of the files to obtain.
+   * @param mimeTypeFilter Indicates the MIME type of the files to obtain. This parameter cannot be set to {@code
+   *     null}.
+   *     <p>1. "&ast;/*": Obtains all types supported by a Data ability.
+   *     <p>2. "image/*": Obtains files whose main type is image of any subtype.
+   *     <p>3. "&ast;/jpg": Obtains files whose subtype is JPG of any main type.
+   * @return Returns the MIME type of the matched files; returns null if there is no type that matches the Data
+   */
+  getFileTypes?(uri: string, mimeTypeFilter: string): Array<string>;
+
+  /**
+   * Defines a method in this Data ability (implementation depending on child classes).
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param method Indicates the method name.
+   * @param arg Indicates the parameter transferred by the method.
+   * @param extras Indicates the parameter transferred by the method.
+   * @return Returns the result of the method.
+   */
+  async call?(method: string, arg: string, extras: PacMap): PacMap;
+
+  /**
+   * Called to carry {@code AbilityInfo} to this ability after the ability is initialized.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param info Indicates the {@code AbilityInfo} object containing information about this ability.
+   * @return -
+   */
+  onInitialized?(info: AbilityInfo): void;
+
+  /**
+   * Obtains the MIME type matching the data specified by the URI of the Data ability. This method should be
+   * implemented by a Data ability.
+   *
+   * <p>Data abilities supports general data types, including text, HTML, and JPEG.</p>
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   * @param uri Indicates the uri of the data.
+   * @return Returns the MIME type that matches the data specified by {@code uri}.
+   */
+  getType?(uri: string): string;
+}
diff --git a/api/@internal/global.d.ts b/api/@internal/global.d.ts
index f6d8c3ec22df6871804fedf0dd5b206ce7fd192d..03bc8cc2bc561c9b8c8cc51c0f1fff31acdb9a0e 100644
--- a/api/@internal/global.d.ts
+++ b/api/@internal/global.d.ts
@@ -59,14 +59,14 @@ export interface SubscribeMessageOptions {
   fail?: (data: string, code: number) => void;
 }
 export declare class FeatureAbility {
-  static callAbility(param: CallAbilityParam): Promise<Result>;
+  static callAbility(param: CallAbilityParam): Promise<string>;
   static subscribeAbilityEvent(
     param: SubscribeAbilityEventParam,
     func: Function
-  ): Promise<Result>;
+  ): Promise<string>;
   static unsubscribeAbilityEvent(
     param: SubscribeAbilityEventParam
-  ): Promise<Result>;
+  ): Promise<string>;
   static sendMsg(options: SendMessageOptions): void;
   static subscribeMsg(options: SubscribeMessageOptions): void;
   static unsubscribeMsg(): void;
@@ -75,3 +75,4 @@ export declare function setInterval(handler: Function | string, delay: number, .
 export declare function setTimeout(handler: Function | string, delay?: number, ...arguments: any[]): number;
 export declare function clearInterval(intervalID?: number): void;
 export declare function clearTimeout(timeoutID?: number): void;
+export declare function createLocalParticleAbility(timeoutID?: number): any;
diff --git a/api/@internal/js/global.js.d.ts b/api/@internal/js/global.js.d.ts
old mode 100755
new mode 100644
diff --git a/api/@ohos.ability.dataUriUtils.d.ts b/api/@ohos.ability.dataUriUtils.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..671b78478734577647d660cd3a925029db1cbcdc
--- /dev/null
+++ b/api/@ohos.ability.dataUriUtils.d.ts
@@ -0,0 +1,72 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * A utility class used for handling objects that use the DataAbilityHelper scheme.
+ * @name dataUriUtils
+ * @since 7
+ * @sysCap AAFwk
+ * @devices phone, tablet
+ * @permission N/A
+ */
+declare namespace dataUriUtils {
+  /**
+   * Obtains the ID attached to the end of the path component of the given uri.
+   *
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   * @param uri Indicates the uri object from which the ID is to be obtained.
+   * @return Returns the ID attached to the end of the path component;
+   */
+  function getId(uri: string): number
+
+  /**
+   * Attaches the given ID to the end of the path component of the given uri.
+   *
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   * @param uri Indicates the uri string from which the ID is to be obtained.
+   * @param id Indicates the ID to attach.
+   * @return Returns the uri object with the given ID attached.
+   */
+  function attachId(uri: string, id: number): string
+
+  /**
+   * Deletes the ID from the end of the path component of the given uri.
+   *
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   * @param uri Indicates the uri object from which the ID is to be deleted.
+   * @return Returns the uri object with the ID deleted.
+   */
+  function deleteId(uri: string): string
+
+  /**
+   * Updates the ID in the specified uri
+   *
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   * @param uri Indicates the uri object to be updated.
+   * @param id Indicates the new ID.
+   * @return Returns the updated uri object.
+   */
+  function updateId(uri: string, id: number): string
+
+}
+export default dataUriUtils;
\ No newline at end of file
diff --git a/api/@ohos.ability.featureAbility.d.ts b/api/@ohos.ability.featureAbility.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9a9170e063ce5aeffa4e30aa65db24d543c714c2
--- /dev/null
+++ b/api/@ohos.ability.featureAbility.d.ts
@@ -0,0 +1,179 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { AsyncCallback } from './basic';
+import { Want } from './ability/want';
+import { StartAbilityParameter } from './ability/startAbilityParameter';
+import { AbilityResult } from './ability/abilityResult';
+import { Context } from './app/context';
+import { DataAbilityHelper } from './ability/dataAbilityHelper';
+import { ConnectOptions } from './ability/connectOptions';
+
+/**
+ * A Feature Ability represents an ability with a UI and is designed to interact with users.
+ * @name featureAbility
+ * @since 6
+ * @sysCap AAFwk
+ * @devices phone, tablet
+ * @permission N/A
+ */
+declare namespace featureAbility {
+  /**
+   * Obtain the want sended from the source ability.
+   *
+   * @devices phone, tablet
+   * @since 6
+   * @sysCap AAFwk
+   * @param parameter Indicates the ability to start.
+   * @return -
+   */
+  function getWant(callback: AsyncCallback<Want>): void;
+  function getWant(): Promise<Want>;
+
+  /**
+   * Starts a new ability.
+   *
+   * @devices phone, tablet
+   * @since 6
+   * @sysCap AAFwk
+   * @param parameter Indicates the ability to start.
+   * @return -
+   */
+  function startAbility(parameter: StartAbilityParameter, callback: AsyncCallback<number>): void;
+  function startAbility(parameter: StartAbilityParameter): Promise<number>;
+
+  /**
+   * Obtains the application context.
+   *
+   * @return Returns the application context.
+   * @since 6
+   */
+  function getContext(): Context;
+
+  /**
+   * Starts an ability and returns the execution result when the ability is destroyed.
+   *
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   * @param parameter Indicates the ability to start.
+   * @return Returns the {@link AbilityResult}.
+   */
+  function startAbilityForResult(parameter: StartAbilityParameter, callback: AsyncCallback<AbilityResult>): void;
+  function startAbilityForResult(parameter: StartAbilityParameter): Promise<AbilityResult>;
+
+  /**
+   * Sets the result code and data to be returned by this Page ability to the caller
+   * and destroys this Page ability.
+   *
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   * @param parameter Indicates the result to return.
+   * @return -
+   */
+  function terminateSelfWithResult(parameter: AbilityResult, callback: AsyncCallback<void>): void;
+  function terminateSelfWithResult(parameter: AbilityResult): Promise<void>;
+
+  /**
+   * Destroys this Page ability.
+   *
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   * @return -
+   */
+  function terminateSelf(callback: AsyncCallback<void>): void;
+  function terminateSelf(): Promise<void>;
+
+  /**
+   * Obtains the dataAbilityHelper.
+   *
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   * @param uri Indicates the path of the file to open.
+   * @return Returns the dataAbilityHelper.
+   */
+  function acquireDataAbilityHelper(uri: string): DataAbilityHelper;
+
+   /**
+   * Checks whether the main window of this ability has window focus.
+   *
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   * @return Returns {@code true} if this ability currently has window focus; returns {@code false} otherwise.
+   */
+  function hasWindowFocus(callback: AsyncCallback<boolean>): void;
+  function hasWindowFocus(): Promise<boolean>;
+
+  /**
+   * Connects the current ability to an ability using the AbilityInfo.AbilityType.SERVICE template.
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @SysCap aafwk
+   * @param request The element name of the service ability
+   * @param options The remote object instance
+   * @return Returns the number code of the ability connected
+   */
+  function connectAbility(request: Want, options:ConnectOptions ): number;
+
+  /**
+  * The callback interface was connect successfully.
+  * @default -
+  * @devices phone, tablet
+  * @since 7
+  * @SysCap aafwk
+  * @param connection The number code of the ability connected
+  */
+  function disconnectAbility(connection: number, callback:AsyncCallback<void>): void;
+  function disconnectAbility(connection: number): Promise<void>;
+
+  export enum AbilityWindowConfiguration {
+    WINDOW_MODE_UNDEFINED = 0,
+    WINDOW_MODE_FULLSCREEN = 1,
+    WINDOW_MODE_SPLIT_PRIMARY = 100,
+    WINDOW_MODE_SPLIT_SECONDARY = 101,
+    WINDOW_MODE_FLOATING = 102
+  }
+
+  export enum AbilityStartSetting {
+    BOUNDS_KEY = "abilityBounds",
+    WINDOW_MODE_KEY = "windowMode",
+    DISPLAY_ID_KEY = "displayId"
+  }
+
+  export enum ErrorCode {
+    NO_ERROR = 0,
+    INVALID_PARAMETER = -1,
+    ABILITY_NOT_FOUND = -2,
+    PERMISSION_DENY = -3
+  }
+
+  export enum ContinuationState {
+    LOCAL_RUNNING = 0,
+    REMOTE_RUNNING = 1,
+    REPLICA_RUNNING = 2
+  }
+
+  export enum DataAbilityOperationType {
+    TYPE_INSERT = 1,
+    TYPE_UPDATE = 2,
+    TYPE_DELETE = 3,
+    TYPE_ASSERT = 4,
+  }
+}
+export default featureAbility;
\ No newline at end of file
diff --git a/api/@ohos.feature_ability.d.ts b/api/@ohos.ability.particleAbility.d.ts
old mode 100755
new mode 100644
similarity index 37%
rename from api/@ohos.feature_ability.d.ts
rename to api/@ohos.ability.particleAbility.d.ts
index 38b5a4d604b95291f11e40eccfa2de2b9e06a341..74ff1629758d38c4ca40797e4f2dc5c3cf0149ee
--- a/api/@ohos.feature_ability.d.ts
+++ b/api/@ohos.ability.particleAbility.d.ts
@@ -13,59 +13,51 @@
  * limitations under the License.
  */
 
-import { AsyncCallback } from './app/common';
-
-declare namespace featureAbility {
-  /**
-   * Destroys the current ability.
-   * @devices phone
-   * @since 6
-   * @sysCap AAFwk
-   * @param -
-   * @return -
-   * @testapi
-   */
-  function terminateAbility(callback: AsyncCallback<void>): void;
+import { AsyncCallback } from './basic';
+import { StartAbilityParameter } from './ability/startAbilityParameter';
+import { DataAbilityHelper } from './ability/dataAbilityHelper';
 
+/**
+ * A Particle Ability represents an ability with service.
+ * @name particleAbility
+ * @since 7
+ * @sysCap AAFwk
+ * @devices phone, tablet
+ * @permission N/A
+ */
+declare namespace particleAbility {
   /**
-   * Destroys the current ability.
-   * @devices phone
-   * @since 6
+   * Service ability uses this method to start a specific ability.
+   *
+   * @devices phone, tablet
+   * @since 7
    * @sysCap AAFwk
-   * @param -
+   * @param parameter Indicates the ability to start.
    * @return -
-   * @testapi
    */
-  function terminateAbility(): Promise<void>;
+  function startAbility(parameter: StartAbilityParameter, callback: AsyncCallback<void>): void;
+  function startAbility(parameter: StartAbilityParameter): Promise<void>;
 
   /**
-   * Starts a new ability.
-   * @devices phone
-   * @since 6
+   * Destroys this service ability.
+   *
+   * @devices phone, tablet
+   * @since 7
    * @sysCap AAFwk
-   * @param param Indicates the ability to start.
    * @return -
-   * @testapi
    */
-  function startAbility(
-    param: StartAbilityParameter,
-    callback: AsyncCallback<void>,
-  ): void;
+  function terminateSelf(callback: AsyncCallback<void>): void;
+  function terminateSelf(): Promise<void>;
 
   /**
-   * Starts a new ability.
-   * @devices phone
-   * @since 6
+   * Obtains the dataAbilityHelper.
+   *
+   * @devices phone, tablet
+   * @since 7
    * @sysCap AAFwk
-   * @param param Indicates the ability to start.
-   * @return -
-   * @testapi
+   * @param uri Indicates the path of the file to open.
+   * @return Returns the dataAbilityHelper.
    */
-  function startAbility(param: StartAbilityParameter): Promise<void>;
-
-  export interface StartAbilityParameter {
-    want: object;
-    abilityStartSetting?: object;
-  }
+  function acquireDataAbilityHelper(uri: string): DataAbilityHelper;
 }
-export default featureAbility;
+export default particleAbility;
diff --git a/api/@ohos.ability.wantConstant.d.ts b/api/@ohos.ability.wantConstant.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..edae0e993c1c9d4df226b2465058e56bf50b5254
--- /dev/null
+++ b/api/@ohos.ability.wantConstant.d.ts
@@ -0,0 +1,341 @@
+/*
+ * 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.
+ */
+
+/**
+ * the constant for action and entity in the want
+ * @name wantConstant
+ * @since 6
+ * @sysCap aafwk
+ * @devices phone, tablet
+ * @permission N/A
+ */
+declare namespace wantConstant {
+  /**
+   * the constant for action of the want
+   * @name Action
+   * @since 6
+   * @sysCap aafwk
+   * @devices phone, tablet
+   * @permission N/A
+   */
+  export enum Action {
+    /**
+     * Indicates the action of backing home.
+     *
+     * @since 1
+     */
+    ACTION_HOME = "ohos.want.action.home",
+
+    /**
+     * Indicates the action of starting a Page ability that displays a keypad.
+     *
+     * @since 6
+     */
+    ACTION_DIAL = "ohos.want.action.dial",
+
+    /**
+     * Indicates the action of starting a Page ability for search.
+     *
+     * @since 6
+     */
+    ACTION_SEARCH = "ohos.want.action.search",
+
+    /**
+     * Indicates the action of starting a Page ability that provides wireless network settings, for example,
+     * Wi-Fi options.
+     *
+     * @since 6
+     */
+    ACTION_WIRELESS_SETTINGS = "ohos.settings.wireless",
+
+    /**
+     * Indicates the action of starting a Page ability that manages installed applications.
+     *
+     * @since 6
+     */
+    ACTION_MANAGE_APPLICATIONS_SETTINGS = "ohos.settings.manage.applications",
+
+    /**
+     * Indicates the action of starting a Page ability that displays details of a specified application.
+     *
+     * <p>You must specify the application bundle name in the {@code package} attribute of the {@code Intent}
+     * containing this action.
+     *
+     * @since 6
+     */
+    ACTION_APPLICATION_DETAILS_SETTINGS = "ohos.settings.application.details",
+
+    /**
+     * Indicates the action of starting a Page ability for setting an alarm clock.
+     *
+     * @since 6
+     */
+    ACTION_SET_ALARM = "ohos.want.action.setAlarm",
+
+    /**
+     * Indicates the action of starting a Page ability that displays all alarm
+     * clocks.
+     *
+     * @since 6
+     */
+    ACTION_SHOW_ALARMS = "ohos.want.action.showAlarms",
+
+    /**
+     * Indicates the action of starting a Page ability for snoozing an alarm clock.
+     *
+     * @since 6
+     */
+    ACTION_SNOOZE_ALARM = "ohos.want.action.snoozeAlarm",
+
+    /**
+     * Indicates the action of starting a Page ability for deleting an alarm clock.
+     *
+     * @since 6
+     */
+    ACTION_DISMISS_ALARM = "ohos.want.action.dismissAlarm",
+
+    /**
+     * Indicates the action of starting a Page ability for dismissing a timer.
+     *
+     * @since 6
+     */
+    ACTION_DISMISS_TIMER = "ohos.want.action.dismissTimer",
+
+    /**
+     * Indicates the action of starting a Page ability for sending a sms.
+     *
+     * @since 6
+     */
+    ACTION_SEND_SMS = "ohos.want.action.sendSms",
+
+    /**
+     * Indicates the action of starting a Page ability for opening contacts or pictures.
+     *
+     * @since 6
+     */
+    ACTION_CHOOSE = "ohos.want.action.choose",
+
+    /**
+     * Indicates the action of showing the application selection dialog box.
+     *
+     * @since 6
+     */
+    ACTION_SELECT = "ohos.want.action.select",
+
+    /**
+     * Indicates the action of sending a single data record.
+     *
+     * @since 6
+     */
+    ACTION_SEND_DATA = "ohos.want.action.sendData",
+
+    /**
+     * Indicates the action of sending multiple data records.
+     *
+     * @since 6
+     */
+    ACTION_SEND_MULTIPLE_DATA = "ohos.want.action.sendMultipleData",
+
+    /**
+     * Indicates the action of requesting the media scanner to scan files and adding the files to the media library.
+     *
+     * @since 6
+     */
+    ACTION_SCAN_MEDIA_FILE = "ohos.want.action.scanMediaFile",
+
+    /**
+     * Indicates the action of viewing data.
+     *
+     * @since 6
+     */
+    ACTION_VIEW_DATA = "ohos.want.action.viewData",
+
+    /**
+     * Indicates the action of editing data.
+     *
+     * @since 6
+     */
+    ACTION_EDIT_DATA = "ohos.want.action.editData",
+
+    /**
+     * Indicates the choices you will show with {@link #ACTION_PICKER}.
+     *
+     * @since 6
+     */
+    INTENT_PARAMS_INTENT = "ability.want.params.INTENT",
+
+    /**
+     * Indicates the CharSequence dialog title when used with a {@link #ACTION_PICKER}.
+     *
+     * @since 6
+     */
+    INTENT_PARAMS_TITLE = "ability.want.params.TITLE",
+
+    /**
+     * Indicates the action of select file.
+     *
+     * @since 7
+     */
+    ACTION_FILE_SELECT = "ohos.action.fileSelect",
+
+    /**
+     * Indicates the URI holding a stream of data associated with the Intent when used with a {@link #ACTION_SEND_DATA}.
+     *
+     * @since 7
+     */
+    PARAMS_STREAM = "ability.params.stream",
+  }
+
+  /**
+   * the constant for Entity of the want
+   * @name Action
+   * @since 6
+   * @sysCap aafwk
+   * @devices phone, tablet
+   * @permission N/A
+   */
+  export enum Entity {
+    /**
+     * Indicates the default entity, which is used if the entity is not specified.
+     *
+     * @since 6
+     */
+    ENTITY_DEFAULT = "entity.system.default",
+
+    /**
+     * Indicates the home screen entity.
+     *
+     * @since 6
+     */
+    ENTITY_HOME = "entity.system.home",
+
+    /**
+     * Indicates the voice interaction entity.
+     *
+     * @since 6
+     */
+    ENTITY_VOICE = "entity.system.voice",
+
+    /**
+     * Indicates the browser category.
+     *
+     * @since 6
+     */
+    ENTITY_BROWSABLE = "entity.system.browsable",
+
+    /**
+     * Indicates the video category.
+     */
+    ENTITY_VIDEO = "entity.system.video"
+  }
+
+  export enum Flags {
+    /**
+     * Indicates the grant to perform read operations on the URI.
+     *
+     * @hide
+     */
+    FLAG_AUTH_READ_URI_PERMISSION = 0x00000001,
+
+    /**
+     * Indicates the grant to perform write operations on the URI.
+     *
+     * @hide
+     */
+    FLAG_AUTH_WRITE_URI_PERMISSION = 0x00000002,
+
+    /**
+     * Returns the result to the source ability.
+     */
+    FLAG_ABILITY_FORWARD_RESULT = 0x00000004,
+
+    /**
+     * Determines whether an ability on the local device can be migrated to a remote device.
+     */
+    FLAG_ABILITY_CONTINUATION = 0x00000008,
+
+    /**
+     * Specifies whether a component does not belong to OHOS.
+     */
+    FLAG_NOT_OHOS_COMPONENT = 0x00000010,
+
+    /**
+     * Specifies whether an ability is started.
+     */
+    FLAG_ABILITY_FORM_ENABLED = 0x00000020,
+
+    /**
+     * Indicates the grant for possible persisting on the URI.
+     *
+     * @hide
+     */
+    FLAG_AUTH_PERSISTABLE_URI_PERMISSION = 0x00000040,
+
+    /**
+     * Returns the result to the source ability slice.
+     *
+     * @hide
+     */
+    FLAG_AUTH_PREFIX_URI_PERMISSION = 0x00000080,
+
+    /**
+     * Supports multi-device startup in the distributed scheduling system.
+     */
+    FLAG_ABILITYSLICE_MULTI_DEVICE = 0x00000100,
+
+    /**
+     * Indicates that an ability using the Service template is started regardless of whether the host application has
+     * been started.
+     */
+    FLAG_START_FOREGROUND_ABILITY = 0x00000200,
+
+    /**
+     * Indicates the continuation is reversible.
+     *
+     * @hide
+     */
+    FLAG_ABILITY_CONTINUATION_REVERSIBLE = 0x00000400,
+
+    /**
+     * Install the specified ability if it's not installed.
+     */
+    FLAG_INSTALL_ON_DEMAND = 0x00000800,
+
+    /**
+     * Install the specifiedi ability with background mode if it's not installed.
+     */
+    FLAG_INSTALL_WITH_BACKGROUND_MODE = 0x80000000,
+
+    /**
+     * Indicates the operation of clearing other missions. This flag can be set for the {@code Intent} passed to
+     * {@link ohos.app.Context#startAbility} and must be used together with {@link FLAG_ABILITY_NEW_MISSION}.
+     */
+    FLAG_ABILITY_CLEAR_MISSION = 0x00008000,
+
+    /**
+     * Indicates the operation of creating a task on the historical mission stack.
+     */
+    FLAG_ABILITY_NEW_MISSION = 0x10000000,
+
+    /**
+     * Indicates that the existing instance of the ability to start will be reused if it is already at the top of
+     * the mission stack. Otherwise, a new ability instance will be created.
+     *
+     */
+    FLAG_ABILITY_MISSION_TOP = 0x20000000
+  }
+}
+
+export default wantConstant;
\ No newline at end of file
diff --git a/api/@ohos.account.distributedaccount.d.ts b/api/@ohos.account.distributedAccount.d.ts
old mode 100755
new mode 100644
similarity index 67%
rename from api/@ohos.account.distributedaccount.d.ts
rename to api/@ohos.account.distributedAccount.d.ts
index 6dc7516931b08ef619bafc10b56f9b7a641758ad..294ca7fe1b2f6a45686e33170f23758a801e22c7
--- a/api/@ohos.account.distributedaccount.d.ts
+++ b/api/@ohos.account.distributedAccount.d.ts
@@ -15,53 +15,60 @@
 
 import {AsyncCallback} from './basic'
 
-/**
- * Defines distributed account functions and interfaces.
- *
- * @name distributedAccount
- * @since 5
- * @syscap SystemCapability.Account.OsAccount
- * @devices phone
- * @permission ohos.permission.MANAGE_LOCAL_ACCOUNTS
- */
 declare namespace distributedAccount {
     /**
      * Get the ability of the distributed account.
-     *
-     * @syscap SystemCapability.Account.OsAccount
-     * @devices phone
-     * @param NA
+     * @since 7
+     * @sysCap SystemCapability.Account.OsAccount
+     * @devices phone, tablet, tv, wearable, car
+     * @permission N/A
      * @return Ability to manage operations of distributed account.
      */
     function getDistributedAccountAbility(): DistributedAccountAbility;
 
+    /**
+     * Defines distributed account functions and interfaces.
+     *
+     * @name DistributedAccountAbility
+     * @since 7
+     * @sysCap SystemCapability.Account.OsAccount
+     * @devices phone, tablet, tv, wearable, car
+     * @permission ohos.permission.MANAGE_LOCAL_ACCOUNTS
+     */
     interface DistributedAccountAbility {
         /**
          * Queries the distributed information of the current OS account.
          *
-         * @syscap SystemCapability.Account.OsAccount
-         * @devices phone
-         * @param NA
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
          * @return The distributed information of the current OS account.
+         * @permission ohos.permission.MANAGE_LOCAL_ACCOUNTS.
          */
         queryOsAccountDistributedInfo(callback: AsyncCallback<DistributedInfo>): void;
-
         queryOsAccountDistributedInfo(): Promise<DistributedInfo>;
 
         /**
          * Updates the distributed information of the OS account.
          *
-         * @syscap SystemCapability.Account.OsAccount
-         * @devices phone
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
          * @param accountInfo Indicates the information of the OS account used for a distributed system.
-         * @return Returns {@code true} if the distributed information of the account is updated;
-         *         returns {@code false} otherwise.
+         * @return void
+         * @permission ohos.permission.MANAGE_LOCAL_ACCOUNTS.
          */
-        updateOsAccountDistributedInfo(accountInfo: DistributedInfo, callback: AsyncCallback<boolean>): void;
-
-        updateOsAccountDistributedInfo(accountInfo: DistributedInfo): Promise<boolean>;
+        updateOsAccountDistributedInfo(accountInfo: DistributedInfo, callback: AsyncCallback<void>): void;
+        updateOsAccountDistributedInfo(accountInfo: DistributedInfo): Promise<void>;
     }
 
+    /**
+     * Provides the distributed information of the OS account.
+     *
+     * @name DistributedInfo
+     * @since 7
+     * @sysCap SystemCapability.Account.OsAccount
+     * @devices phone, tablet, tv, wearable, car
+     * @permission N/A
+     */
     interface DistributedInfo {
         /**
          * The name in the distributed information of the OS account.
diff --git a/api/@ohos.app.abilityManager.d.ts b/api/@ohos.app.abilityManager.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..69380fc7d5df4ef18ef059e4519226a9d4ebdbbc
--- /dev/null
+++ b/api/@ohos.app.abilityManager.d.ts
@@ -0,0 +1,90 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { AsyncCallback } from './basic';
+import { AbilityMissionInfo } from './app/abilityMissionInfo';
+import { ActiveProcessInfo } from './app/activeProcessInfo';
+import { MissionSnapshot } from './app/missionSnapshot';
+
+/**
+ * This module provides the capability to manage abilities and obtaining system task information.
+ *
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @devices phone, tablet, tv, wearable, car
+ * @import import abilityManager from '@ohos.app.abilityManager'
+ * @permission N/A
+ */
+declare namespace abilityManager {
+
+    enum ProcessErrCode {
+        NO_ERROR = 0,
+        CRASHED,
+        NO_RESPONSE,
+    }
+
+
+    /**
+     * Get information about running processes
+     * @since 7
+     * @SysCap SystemCapability.Appexecfwk
+     * @devices phone, tablet, tv, wearable, car
+     * @return a list of ActiveProcessInfo records describing each process.
+     * @permission ohos.permission.INTERACT_ACROSS_LOCAL_ACCOUNTS_EXTENSION
+     * @systemapi hide this for inner system use
+     */
+    function getActiveProcessInfos(): Promise<Array<ActiveProcessInfo>>;
+    function getActiveProcessInfos(callback: AsyncCallback<Array<ActiveProcessInfo>>): void;
+
+    /**
+     * Get information about the running ability missions
+     * @since 7
+     * @SysCap SystemCapability.Appexecfwk
+     * @devices phone, tablet, tv, wearable, car
+     * @param upperLimit The maximum number of mission infos to return in the array.
+     * @return an array of AbilityMissionInfo records describing each active mission.
+     * @permission ohos.permission.ACCESS_MISSIONS
+     * @systemapi hide this for inner system use
+     */
+     function getActiveAbilityMissionInfos(upperLimit: number): Promise<Array<AbilityMissionInfo>>;
+     function getActiveAbilityMissionInfos(upperLimit: number, callback: AsyncCallback<Array<AbilityMissionInfo>>): void;
+
+    /**
+     * Get information about recently run missions
+     * @since 7
+     * @SysCap SystemCapability.Appexecfwk
+     * @devices phone, tablet, tv, wearable, car
+     * @param upperLimit The maximum number of previous mission infos to return in the array.
+     * @return an array of AbilityMissionInfo records describing each of the previous mission.
+     * @permission ohos.permission.ACCESS_MISSIONS_EXTRA
+     * @systemapi hide this for inner system use
+     */
+    function getPreviousAbilityMissionInfos(upperLimit: number): Promise<Array<AbilityMissionInfo>>;
+    function getPreviousAbilityMissionInfos(upperLimit: number, callback: AsyncCallback<Array<AbilityMissionInfo>>): void;
+
+    /**
+     * Delete the specified missions
+     * @since 7
+     * @SysCap SystemCapability.Appexecfwk
+     * @devices phone, tablet, tv, wearable, car
+     * @param missionIds An array of missions, representing the missions that need to be deleted.
+     * @permission ohos.permission.DELETE_MISSIONS
+     * @systemapi hide this for inner system use
+     */
+    function deleteMissions(missionIds: Array<number>): Promise<void>;
+    function deleteMissions(missionIds: Array<number>, callback: AsyncCallback<void>): void;
+}
+
+export default abilityManager;
diff --git a/api/@ohos.bundle.d.ts b/api/@ohos.bundle.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d63c553cd36b2782a8af95f2d8be6aa0bf9e7782
--- /dev/null
+++ b/api/@ohos.bundle.d.ts
@@ -0,0 +1,365 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { AsyncCallback, Callback } from './basic';
+import { ApplicationInfo } from './bundle/applicationInfo';
+import { BundleInfo } from './bundle/bundleInfo';
+import { AbilityInfo } from './bundle/abilityInfo';
+import { Want } from './ability/want';
+import { BundleInstaller } from './bundle/bundleInstaller';
+import { ShortcutInfo } from './bundle/shortcutInfo';
+import { ModuleUsageRecord } from './bundle/moduleUsageRecord';
+
+/**
+ * bundle.
+ * @name bundle
+ * @since 7
+ * @sysCap SystemCapability.Appexecfwk
+ * @devices phone, tablet, tv, wearable
+ * @permission NA
+ */
+declare namespace bundle {
+
+/**
+ * @name BundleFlag
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @import NA
+ * @permission NA
+ * @devices phone, tablet, tv, wearable
+ */
+  enum BundleFlag {
+    GET_BUNDLE_DEFAULT = 0x00000000,
+    GET_BUNDLE_WITH_ABILITIES = 0x00000001,
+    GET_APPLICATION_INFO_WITH_PERMISSION = 0x00000008,
+  }
+
+/**
+ * @name GrantStatus
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @import NA
+ * @permission NA
+ * @devices phone, tablet, tv, wearable
+ */
+  export enum GrantStatus {
+    PERMISSION_DENIED = -1,
+    PERMISSION_GRANTED = 0,
+  }
+
+  /**
+   * @name AbilityType
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @import NA
+   * @permission NA
+   * @devices phone, tablet, tv, wearable
+   */
+  export enum AbilityType {
+    /**
+      * @default Indicates an unknown ability type
+      * @since 7
+      * @SysCap SystemCapability.Appexecfwk
+      */
+    UNKNOWN,
+
+    /**
+      * @default Indicates that the ability has a UI
+      * @since 7
+      * @SysCap SystemCapability.Appexecfwk
+      */
+    PAGE,
+
+    /**
+      * @default Indicates that the ability does not have a UI
+      * @since 7
+      * @SysCap SystemCapability.Appexecfwk
+      */
+    SERVICE,
+
+    /**
+      * @default Indicates that the ability is used to provide data access services
+      * @since 7
+      * @SysCap SystemCapability.Appexecfwk
+      */
+    DATA,
+  }
+
+  /**
+   * @name AbilitySubType
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @import NA
+   * @permission NA
+   * @devices phone, tablet, tv, wearable
+   */
+  export enum AbilitySubType {
+    UNSPECIFIED = 0,
+    CA = 1,
+  }
+
+  /**
+   * @name DisplayOrientation
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @import NA
+   * @permission NA
+   * @devices phone, tablet, tv, wearable
+   */
+  export enum DisplayOrientation {
+    /**
+      * @default Indicates that the system automatically determines the display orientation
+      * @since 7
+      * @SysCap SystemCapability.Appexecfwk
+      */
+    UNSPECIFIED,
+
+    /**
+      * @default Indicates the landscape orientation
+      * @since 7
+      * @SysCap SystemCapability.Appexecfwk
+      */
+    LANDSCAPE,
+
+    /**
+      * @default Indicates the portrait orientation
+      * @since 7
+      * @SysCap SystemCapability.Appexecfwk
+      */
+    PORTRAIT,
+
+    /**
+      * @default Indicates the page ability orientation is the same as that of the nearest ability in the stack
+      * @since 7
+      * @SysCap SystemCapability.Appexecfwk
+      */
+    FOLLOW_RECENT,
+  }
+
+  /**
+   * @name LaunchMode
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @import NA
+   * @permission NA
+   * @devices phone, tablet, tv, wearable
+   */
+  export enum LaunchMode {
+    /**
+      * @default Indicates that the ability has only one instance
+      * @since 7
+      * @SysCap SystemCapability.Appexecfwk
+      */
+    SINGLETON = 0,
+
+    /**
+      * @default Indicates that the ability can have multiple instances
+      * @since 7
+      * @SysCap SystemCapability.Appexecfwk
+      */
+    STANDARD = 1,
+  }
+
+  /**
+   * @name InstallErrorCode
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @import NA
+   * @permission NA
+   * @devices phone, tablet, tv, wearable
+   */
+  export enum InstallErrorCode{
+    SUCCESS = 0,
+    STATUS_INSTALL_FAILURE = 1,
+    STATUS_INSTALL_FAILURE_ABORTED = 2,
+    STATUS_INSTALL_FAILURE_INVALID = 3,
+    STATUS_INSTALL_FAILURE_CONFLICT = 4,
+    STATUS_INSTALL_FAILURE_STORAGE = 5,
+    STATUS_INSTALL_FAILURE_INCOMPATIBLE = 6,
+    STATUS_UNINSTALL_FAILURE = 7,
+    STATUS_UNINSTALL_FAILURE_BLOCKED = 8,
+    STATUS_UNINSTALL_FAILURE_ABORTED = 9,
+    STATUS_UNINSTALL_FAILURE_CONFLICT = 10,
+    STATUS_INSTALL_FAILURE_DOWNLOAD_TIMEOUT = 0x0B,
+    STATUS_INSTALL_FAILURE_DOWNLOAD_FAILED = 0x0C,
+    STATUS_ABILITY_NOT_FOUND = 0x40,
+    STATUS_BMS_SERVICE_ERROR = 0x41
+  }
+
+  /**
+   * Obtains based on a given networkId and bundle name.
+   *
+   * @devices phone, tablet, tv, wearable
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @param networkId Indicates the device networkId in area network.
+   * @param bundleName Indicates the application bundle name to be queried.
+   * @param flags Indicates the flag used to specify information contained in that will be
+   *              returned.
+   * @return Returns the BundleInfo object.
+   * @permission ohos.permission.GET_BUNDLE_INFO_PRIVILEGED,ohos.permission.GET_BUNDLE_INFO
+   */
+   function getBundleInfo(bundleName: string, bundleFlags: number, callback: AsyncCallback<BundleInfo>): void;
+   function getBundleInfo(bundleName: string, bundleFlags: number): Promise<BundleInfo>;
+
+  /**
+   * Obtains the interface used to install bundles.
+   *
+   * @devices phone, tablet, tv, wearable
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @return Returns the IBundleInstaller interface.
+   * @permission ohos.permission.INSTALL_BUNDLE
+   */
+  function getBundleInstaller(callback: AsyncCallback<BundleInstaller>): void;
+  function getBundleInstaller(): Promise<BundleInstaller>;
+
+  /**
+   * Obtains based on a given bundle name.
+   *
+   * @devices phone, tablet, tv, wearable
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @param bundleName Indicates the application bundle name to be queried.
+   * @param flags Indicates the flag used to specify information contained in the ApplicationInfo object
+   *              that will be returned.
+   * @param userId Indicates the user ID.
+   * @return Returns the ApplicationInfo object.
+   * @permission ohos.permission.GET_BUNDLE_INFO_PRIVILEGED, ohos.permission.GET_BUNDLE_INFO
+   */
+  function getApplicationInfo(bundleName: string, bundleFlags: number, userId: number, callback: AsyncCallback<ApplicationInfo>) : void;
+  function getApplicationInfo(bundleName: string, bundleFlags: number, userId: number) : Promise<ApplicationInfo>;
+
+  /**
+   * Checks whether a specified bundle has been granted a specific permission.
+   *
+   * @devices phone, tablet, tv, wearable
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @param bundleName Indicates the name of the bundle to check.
+   * @param permission Indicates the permission to check.
+   * @return Returns 0 if the bundle has the permission; returns -1 otherwise.
+   */
+  function checkPermission(bundleName: string, permission: string, callback: AsyncCallback<GrantStatus>): void;
+  function checkPermission(bundleName: string, permission: string): Promise<GrantStatus>;
+
+  /**
+   * Query the AbilityInfo by the given Want.
+   *
+   * @devices phone, tablet, tv, wearable
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @param intent Indicates the Intent containing the application bundle name to
+   *               be queried.
+   * @param flags Indicates the flag used to specify information contained in the AbilityInfo objects that
+   *              will be returned.
+   * @param userId Indicates the user ID.
+   * @return Returns a list of AbilityInfo objects.
+   * @permission ohos.permission.GET_BUNDLE_INFO_PRIVILEGED, ohos.permission.GET_BUNDLE_INFO
+   */
+  function queryAbilityByWant(want: Want, bundleFlags: number, userId: number, callback: AsyncCallback<Array<AbilityInfo>>): void;
+  function queryAbilityByWant(want: Want, bundleFlags: number, userId:number): Promise<Array<AbilityInfo>>;
+
+  /**
+   * Obtains BundleInfo of all bundles available in the system.
+   *
+   * @devices phone, tablet, tv, wearable
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @param flags Indicates the flag used to specify information contained in the BundleInfo that will be
+   *              returned.
+   * @return Returns a list of BundleInfo objects.
+   * @permission ohos.permission.GET_BUNDLE_INFO_PRIVILEGED
+   */
+  function getAllBundleInfo(bundlelFlag: BundleFlag, callback: AsyncCallback<Array<BundleInfo>>) : void;
+  function getAllBundleInfo(bundlelFlag: BundleFlag) : Promise<Array<BundleInfo>>;
+
+  /**
+   * Obtains information about all installed applications of a specified user.
+   *
+   * @devices phone, tablet, tv, wearable
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @param flags Indicates the flag used to specify information contained in the ApplicationInfo objects
+   *              that will be returned.
+   * @param userId Indicates the user ID.
+   * @return Returns a list of ApplicationInfo objects.
+   * @permission ohos.permission.GET_BUNDLE_INFO_PRIVILEGED
+   */
+  function getAllApplicationInfo(bundleFlags: number, userId: number, callback: AsyncCallback<Array<ApplicationInfo>>) : void;
+  function getAllApplicationInfo(bundleFlags: number, userId: number) : Promise<Array<ApplicationInfo>>;
+
+  /**
+   * Obtains information about an application bundle contained in an ohos Ability Package (HAP).
+   *
+   * @devices phone, tablet, tv, wearable
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @param hapFilePath Indicates the path storing the HAP. The path should be the relative path to the data
+   *                    directory of the current application.
+   * @param flags Indicates the flag used to specify information contained in the BundleInfo object to be
+   *              returned.
+   * @return Returns the BundleInfo object.
+   */
+  function getBundleArchiveInfo(hapFilePath: string, bundleFlags: number, callback: AsyncCallback<BundleInfo>) : void
+  function getBundleArchiveInfo(hapFilePath: string, bundleFlags: number) : Promise<BundleInfo>;
+
+  /**
+
+  /**
+   * Obtains the Intent for starting the main ability of an application based on the
+   * given bundle name. The main ability of an application is the ability that has the
+   * #ACTION_HOME and #ENTITY_HOME intent
+   * filters set in the application's <b>config.json</b> file.
+   *
+   * @devices phone, tablet, tv, wearable
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @param bundleName Indicates the bundle name of the application.
+   * @return Returns the Intent for starting the application's main ability if any; returns null if
+   *         the given bundle does not exist or does not contain any main ability.
+   * @permission ohos.permission.GET_BUNDLE_INFO_PRIVILEGED
+   */
+  function getLaunchWantForBundle(bundleName: string, callback: AsyncCallback<Want>): void;
+  function getLaunchWantForBundle(bundleName: string): Promise<Want>;
+  
+  /**
+   * Obtains information about the shortcuts of the application.
+   *
+   * @devices phone, tablet, tv, wearable
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @param bundleName Indicates the bundle name of the application.
+   * @return Returns a list of ShortcutInfo objects containing shortcut information about the application.
+   * @permission ohos.permission.MANAGE_SHORTCUTS
+   */
+  function getAllShortcutInfo(bundleName: string, callback: AsyncCallback<Array<ShortcutInfo>>): void;
+  function getAllShortcutInfo(bundleName: string): Promise<Array<ShortcutInfo>>;
+
+  /**
+   * get module usage record list in descending order of lastLaunchTime.
+   *
+   * @devices phone, tablet, tv, wearable
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @param maxNum the return size of the records, must be in range of 1 to 1000.
+   * @return Returns ability usage record list.
+   * @systemapi hide this for inner system use
+   */
+  function getModuleUsageRecords(maxNum: number, callback: AsyncCallback<Array<ModuleUsageRecord>>): void;
+  function getModuleUsageRecords(maxNum: number): Promise<Array<ModuleUsageRecord>>;
+}
+
+export default bundle;
diff --git a/api/@ohos.bundle_mgr.d.ts b/api/@ohos.bundle_mgr.d.ts
deleted file mode 100755
index b3dfe740e88442aa360a11ece01ee045f0f337de..0000000000000000000000000000000000000000
--- a/api/@ohos.bundle_mgr.d.ts
+++ /dev/null
@@ -1,116 +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.
- */
-
-import { ApplicationInfo } from './app/applicationinfo';
-import { Want } from './app/want';
-import { AbilityInfo } from './app/abilityinfo';
-import { BundleInfo } from './app/bundleinfo';
-import { InstallResult } from './app/installresult';
-
-/**
- * @name BundleMgr
- * @since 6
- * @SysCap appexecfwk
- * @import NA
- * @permission NA
- * @devices phone
- * @testapi
- */
-declare namespace bundleMgr {
-  /**
-   * Obtains the ApplicationInfo based on a given application name.
-   *
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @param appName Indicates the application name.
-   * @return ApplicationInfo.
-   * @testapi
-   */
-  function getApplicationInfo(appName: string): Promise<ApplicationInfo>;
-
-  /**
-   * Obtains BundleInfo of all bundles available in the system.
-   *
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @param NA
-   * @return Array of BundleInfo.
-   * @testapi
-   */
-  function getBundleInfos(): Promise<Array<BundleInfo>>;
-
-  /**
-   * Obtains BundleInfo based on a given bundle name.
-   *
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @param bundleName Indicates the bundle name.
-   * @return BundleInfo.
-   * @testapi
-   */
-  function getBundleInfo(bundleName: string): Promise<BundleInfo>;
-
-  /**
-   * Obtains information about all installed applications.
-   *
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @param NA
-   * @return Array of ApplicationInfo.
-   * @testapi
-   */
-  function getApplicationInfos(): Promise<Array<ApplicationInfo>>;
-
-  /**
-   * Query the AbilityInfo by the given Want.
-   *
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @param want Indicates the Want for the ability to be queried.
-   * @return AbilityInfo.
-   * @testapi
-   */
-  function queryAbilityInfo(want: Want): Promise<AbilityInfo>;
-
-  /**
-   * Install an application in a HAP.
-   *
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @param hapFilePath Indicates the path of the HAP.
-   * @return InstallResult
-   * @testapi
-   */
-  function install(hapFilePath: string): Promise<InstallResult>;
-
-  /**
-   * Uninstall an application.
-   *
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @param hapFilePath Indicates the path of the HAP.
-   * @return InstallResult
-   * @testapi
-   */
-  function uninstall(bundleName: string): Promise<InstallResult>;
-}
-export default bundleMgr;
diff --git a/api/@ohos.commonevent.d.ts b/api/@ohos.commonEvent.d.ts
old mode 100755
new mode 100644
similarity index 90%
rename from api/@ohos.commonevent.d.ts
rename to api/@ohos.commonEvent.d.ts
index 53027cf967f81587d0a4b743f773a0eb3cc8a829..c3dc0d5b8f9cb41a02e9375c8097a16ba97aedca
--- a/api/@ohos.commonevent.d.ts
+++ b/api/@ohos.commonEvent.d.ts
@@ -13,107 +13,83 @@
  * limitations under the License.
  */
 import { AsyncCallback } from './basic';
-import { CommonEventData } from './commonevent/commoneventdata';
-import { CommonEventSubscriber } from './commonevent/commoneventsubscriber';
-import { CommonEventSubscribeInfo } from './commonevent/commoneventsubscribeinfo';
-import { CommonEventPublishData } from './commonevent/commoneventpublishdata';
+import { CommonEventData } from './commonEvent/commonEventData';
+import { CommonEventSubscriber } from './commonEvent/commonEventSubscriber';
+import { CommonEventSubscribeInfo } from './commonEvent/commonEventSubscribeInfo';
+import { CommonEventPublishData } from './commonEvent/commonEventPublishData';
 
 /**
  * the defination for commonevent
  * @name commonEvent
- * @since 6
- * @sysCap ces
- * @devices phone, tablet
+ * @since 7
  * @permission N/A
  */
 declare namespace commonEvent {
   /**
    * Publishes an ordered, sticky, or standard common event.
    *
-   * @devices phone
-   * @since 6
-   * @SysCap ces
+   * @since 7
    * @param data Indicate the CommonEventPublishData containing the common event content and attributes.
    * @param callback Specified callback method.
    * @return -
-   * @testapi
    */
   function publish(event: string, callback: AsyncCallback<void>): void;
 
   /**
    * Publishes an ordered, sticky, or standard common event.
    *
-   * @devices phone
-   * @since 6
-   * @SysCap ces
+   * @since 7
    * @param data Indicate the CommonEventPublishData containing the common event content and attributes.
    * @param callback Specified callback method.
    * @return -
-   * @testapi
    */
   function publish(event: string, options: CommonEventPublishData, callback: AsyncCallback<void>): void;
 
-
   /**
    * create the CommonEventSubscriber for the SubscriberInfo.
    *
-   * @devices phone
-   * @since 6
-   * @SysCap ces
+   * @since 7
    * @param subscribeInfo Indicate the information of the subscriber.
    * @param callback Specified callback method.
    * @return -
-   * @testapi
    */
   function createSubscriber(subscribeInfo: CommonEventSubscribeInfo, callback: AsyncCallback<CommonEventSubscriber>): void;
 
   /**
    * create the CommonEventSubscriber for the SubscriberInfo.
    *
-   * @devices phone
-   * @since 6
-   * @SysCap ces
+   * @since 7
    * @param subscribeInfo Indicate the information of the subscriber.
    * @param callback Specified callback method.
    * @return -
-   * @testapi
    */
   function createSubscriber(subscribeInfo: CommonEventSubscribeInfo): Promise<CommonEventSubscriber>;
 
   /**
    * subscribe an ordered, sticky, or standard common event.
    *
-   * @devices phone
-   * @since 6
-   * @SysCap ces
+   * @since 7
    * @param subscriber Indicate the subscriber of the common event.
    * @param callback Specified callback method.
    * @return -
-   * @testapi
    */
   function subscribe(subscriber: CommonEventSubscriber, callback: AsyncCallback<CommonEventData>): void;
 
   /**
    * unsubscribe an ordered, sticky, or standard common event.
    *
-   * @devices phone
-   * @since 6
-   * @SysCap ces
+   * @since 7
    * @param subscriber Indicate the subscriber of the common event.
    * @param callback Specified callback method.
    * @return -
-   * @testapi
    */
   function unsubscribe(subscriber: CommonEventSubscriber, callback?: AsyncCallback<void>): void;
 
   /**
    * the event type that the commonEvent supported
    * @name Support
-   * @since 6
-   * @sysCap ces
-   * @devices phone
+   * @since 7
    * @permission N/A
-   * @testapi
    */
   export enum Support {
     /**
@@ -425,7 +401,7 @@ declare namespace commonEvent {
     /**
      * Indicates Wi-Fi MpLink state notification acknowledged by binding or unbinding MpLink.
      */
-    COMMON_EVENT_WIFI_MPLINK_STATE = "usual.event.wifi.mplink.STATE_CHANGE",
+    COMMON_EVENT_WIFI_MPLINK_STATE_CHANGE = "usual.event.wifi.mplink.STATE_CHANGE",
 
     /**
      * Indicates Wi-Fi P2P connection state notification acknowledged by connecting or disconnecting P2P.
@@ -819,19 +795,6 @@ declare namespace commonEvent {
      */
     COMMON_EVENT_IVI_ACTIVE = "common.event.IVI_ACTIVE",
 
-    /**
-     * The usb state changed.
-     * This is a protected common event that can only be sent by system.
-     */
-    COMMON_EVENT_USB_STATE = "usual.event.hardware.usb.action.USB_STATE",
-
-    /**
-     * The usb port changed.
-     * This is a protected common event that can only be sent by system.
-     */
-    COMMON_EVENT_USB_PORT_CHANGED =
-        "usual.event.hardware.usb.action.USB_PORT_CHANGED",
-
     /**
      * The usb device attached.
      * This is a protected common event that can only be sent by system.
@@ -860,30 +823,6 @@ declare namespace commonEvent {
     COMMON_EVENT_USB_ACCESSORY_DETACHED =
         "usual.event.hardware.usb.action.USB_ACCESSORY_DETACHED",
 
-    /**
-     * The storage space is low.
-     * This is a protected common event that can only be sent by system.
-     */
-    COMMON_EVENT_DEVICE_STORAGE_LOW = "usual.event.DEVICE_STORAGE_LOW",
-
-    /**
-     * The storage space is normal.
-     * This is a protected common event that can only be sent by system.
-     */
-    COMMON_EVENT_DEVICE_STORAGE_OK = "usual.event.DEVICE_STORAGE_OK",
-
-    /**
-     * The storage space is full.
-     * This is a protected common event that can only be sent by system.
-     */
-    COMMON_EVENT_DEVICE_STORAGE_FULL = "usual.event.DEVICE_STORAGE_FULL",
-
-    /**
-     * The network connection was changed.
-     * This is a protected common event that can only be sent by system.
-     */
-    COMMON_EVENT_CONNECTIVITY_CHANGE = "usual.event.CONNECTIVITY_CHANGE",
-
     /**
      * The external storage was removed.
      * This is a protected common event that can only be sent by system.
@@ -939,35 +878,12 @@ declare namespace commonEvent {
      */
     COMMON_EVENT_FOUNDATION_READY = "common.event.FOUNDATION_READY",
 
-    /**
-     * Indicates the action of a common event that the phone SIM card state has changed.
-     * This is a protected common event that can only be sent by system.
-     */
-    COMMON_EVENT_SIM_CARD_DEFAULT_VOICE_SUBSCRIPTION_CHANGED =
-        "usual.event.SIM.DEFAULT_VOICE_SUBSCRIPTION_CHANGED",
-
-    /**
-     * Indicates the action of a common event that the phone SIM card state has changed.
-     * This is a protected common event that can only be sent by system.
-     */
-    COMMON_EVENT_SIM_STATE_CHANGED = "usual.event.SIM.CARD_STATE_CHANGED",
-
     /**
      * Indicates the common event Action indicating that the airplane mode status of the device changes.
      * Users can register this event to listen to the change of the airplane mode status of the device.
      */
-    COMMON_EVENT_AIRPLANE_MODE_CHANGED = "usual.event.AIRPLANE_MODE",
-
-    /**
-     * Only for test case.
-     */
-    COMMON_EVENT_TEST_ACTION1 = "usual.event.test1",
-
-    /**
-     * Only for test case.
-     */
-    COMMON_EVENT_TEST_ACTION2 = "usual.event.test2",
+    COMMON_EVENT_AIRPLANE_MODE_CHANGED = "usual.event.AIRPLANE_MODE"
   }
 }
 
-export default commonEvent;
\ No newline at end of file
+export default commonEvent;
diff --git a/api/@ohos.data.dataAbility.d.ts b/api/@ohos.data.dataAbility.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a2bf9e1937589a22c5b1046052a2465471a3732e
--- /dev/null
+++ b/api/@ohos.data.dataAbility.d.ts
@@ -0,0 +1,425 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { AsyncCallback } from './basic';
+import rdb from './@ohos.data.rdb';
+
+/**
+ * Provides predicates for implementing diverse query methods.
+ *
+ * @since 7
+ * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+ * @devices phone, tablet, tv, wearable, car
+ * @import import data_dataAbility from '@ohos.data.dataAbility';
+ * @permission N/A
+ */
+declare namespace dataAbility {
+    /**
+     * Create an RdbPredicates by table name and DataAbilityPredicates.
+     *
+     * @note This method is similar to = of the SQL statement.
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @param name Indicates the table name.
+     * @param dataAbilityPredicates Indicates the dataAbility predicates.
+     * @return Returns an RdbPredicates.
+     */
+    function createRdbPredicates(name: string, dataAbilityPredicates: DataAbilityPredicates): rdb.RdbPredicates;
+
+    /**
+     * Manages relational database configurations.
+     *
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import import data_dataAbility from '@ohos.data.dataAbility';
+     * @permission N/A
+     */
+    class DataAbilityPredicates {
+        /**
+         * Configures the DataAbilityPredicates to match the field whose data type is ValueType and value is equal
+         * to a specified value.
+         *
+         * @note This method is similar to = of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param value Indicates the value to match with the DataAbilityPredicates.
+         * @return Returns the DataAbilityPredicates that match the specified field.
+         */
+        equalTo(field: string, value: ValueType): DataAbilityPredicates;
+
+        /**
+         * Configures the DataAbilityPredicates to match the field whose data type is ValueType and value is unequal to
+         * a specified value.
+         *
+         * @note This method is similar to != of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param value Indicates the value to match with the DataAbilityPredicates.
+         * @return Returns the DataAbilityPredicates that match the specified field.
+         */
+        notEqualTo(field: string, value: ValueType): DataAbilityPredicates;
+
+        /**
+         * Adds a left parenthesis to the DataAbilityPredicates.
+         *
+         * @note This method is similar to ( of the SQL statement and needs to be used together with endWrap().
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @return Returns the DataAbilityPredicates with the left parenthesis.
+         */
+        beginWrap(): DataAbilityPredicates;
+
+        /**
+         * Adds a right parenthesis to the DataAbilityPredicates.
+         *
+         * @note This method is similar to ) of the SQL statement and needs to be used together
+         * with beginWrap().
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @return Returns the DataAbilityPredicates with the right parenthesis.
+         */
+        endWrap(): DataAbilityPredicates;
+
+        /**
+         * Adds an or condition to the DataAbilityPredicates.
+         *
+         * @note This method is similar to or of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @return Returns the DataAbilityPredicates with the or condition.
+         */
+        or(): DataAbilityPredicates;
+
+        /**
+         * Adds an and condition to the DataAbilityPredicates.
+         *
+         * @note This method is similar to and of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @return Returns the DataAbilityPredicates with the and condition.
+         */
+        and(): DataAbilityPredicates;
+
+        /**
+         * Configures the DataAbilityPredicates to match the field whose data type is string and value
+         * contains a specified value.
+         *
+         * @note This method is similar to contains of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param value Indicates the value to match with the DataAbilityPredicates.
+         * @return Returns the DataAbilityPredicates that match the specified field.
+         */
+        contains(field: string, value: string): DataAbilityPredicates;
+
+        /**
+         * Configures the DataAbilityPredicates to match the field whose data type is string and value starts
+         * with a specified string.
+         *
+         * @note This method is similar to value% of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param value Indicates the value to match with the DataAbilityPredicates.
+         * @return Returns the DataAbilityPredicates that match the specified field.
+         */
+        beginsWith(field: string, value: string): DataAbilityPredicates;
+
+        /**
+         * Configures the DataAbilityPredicates to match the field whose data type is string and value
+         * ends with a specified string.
+         *
+         * @note This method is similar to %value of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param value Indicates the value to match with the DataAbilityPredicates.
+         * @return Returns the DataAbilityPredicates that match the specified field.
+         */
+        endsWith(field: string, value: string): DataAbilityPredicates;
+
+        /**
+         * Configures the DataAbilityPredicates to match the fields whose value is null.
+         *
+         * @note This method is similar to is null of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @return Returns the DataAbilityPredicates that match the specified field.
+         */
+        isNull(field: string): DataAbilityPredicates;
+
+        /**
+         * Configures the DataAbilityPredicates to match the specified fields whose value is not null.
+         *
+         * @note This method is similar to is not null of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @return Returns the DataAbilityPredicates that match the specified field.
+         */
+        isNotNull(field: string): DataAbilityPredicates;
+
+        /**
+         * Configures the DataAbilityPredicates to match the fields whose data type is string and value is
+         * similar to a specified string.
+         *
+         * @note This method is similar to like of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param value Indicates the value to match with the DataAbilityPredicates. The percent sign (%) in the value
+         * is a wildcard (like * in a regular expression).
+         * @return Returns the DataAbilityPredicates that match the specified field.
+         */
+        like(field: string, value: string): DataAbilityPredicates;
+
+        /**
+         * Configures DataAbilityPredicates to match the specified field whose data type is string and the value contains
+         * a wildcard.
+         *
+         * @note Different from like, the input parameters of this method are case-sensitive.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param value Indicates the value to match with DataAbilityPredicates.
+         * @return Returns the SQL statement with the specified DataAbilityPredicates.
+         */
+        glob(field: string, value: string): DataAbilityPredicates;
+
+        /**
+         * Restricts the value of the field to the range between low value and high value.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name.
+         * @param low Indicates the minimum value.
+         * @param high Indicates the maximum value.
+         * @return Returns the SQL query statement with the specified DataAbilityPredicates.
+         */
+        between(field: string, low: ValueType, high: ValueType): DataAbilityPredicates;
+
+        /**
+         * Configures DataAbilityPredicates to match the specified field whose data type is int and value is
+         * out of a given range.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param low Indicates the minimum value to match with DataAbilityPredicates}.
+         * @param high Indicates the maximum value to match with DataAbilityPredicates}.
+         * @return Returns the SQL query statement with the specified DataAbilityPredicates.
+         */
+        notBetween(field: string, low: ValueType, high: ValueType): DataAbilityPredicates;
+
+        /**
+         * Restricts the value of the field to be greater than the specified value.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name.
+         * @param value Indicates the String field.
+         * @return Returns the SQL query statement with the specified DataAbilityPredicates.
+         */
+        greaterThan(field: string, value: ValueType): DataAbilityPredicates;
+
+        /**
+         * Restricts the value of the field to be smaller than the specified value.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name.
+         * @param value Indicates the String field.
+         * @return Returns the SQL query statement with the specified DataAbilityPredicates.
+         */
+        lessThan(field: string, value: ValueType): DataAbilityPredicates;
+
+        /**
+         * Restricts the value of the field to be greater than or equal to the specified value.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name.
+         * @param value Indicates the String field.
+         * @return Returns the SQL query statement with the specified DataAbilityPredicates.
+         */
+        greaterThanOrEqualTo(field: string, value: ValueType): DataAbilityPredicates;
+
+        /**
+         * Restricts the value of the field to be smaller than or equal to the specified value.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name.
+         * @param value Indicates the String field.
+         * @return Returns the SQL query statement with the specified DataAbilityPredicates.
+         */
+        lessThanOrEqualTo(field: string, value: ValueType): DataAbilityPredicates;
+
+        /**
+         * Restricts the ascending order of the return list. When there are several orders,
+         * the one close to the head has the highest priority.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name for sorting the return list.
+         * @return Returns the SQL query statement with the specified DataAbilityPredicates.
+         */
+        orderByAsc(field: string): DataAbilityPredicates;
+
+        /**
+         * Restricts the descending order of the return list. When there are several orders,
+         * the one close to the head has the highest priority.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name for sorting the return list.
+         * @return Returns the SQL query statement with the specified DataAbilityPredicates.
+         */
+        orderByDesc(field: string): DataAbilityPredicates;
+
+        /**
+         * Restricts each row of the query result to be unique.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @return Returns the SQL query statement with the specified DataAbilityPredicates.
+         */
+        distinct(): DataAbilityPredicates;
+
+        /**
+         * Restricts the max number of return records.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param value Indicates the max length of the return list.
+         * @return Returns the SQL query statement with the specified DataAbilityPredicates.
+         * @throws IllegalPredicateException Throws this exception if DataAbilityPredicates are added to a wrong position.
+         */
+        limitAs(value: number): DataAbilityPredicates;
+
+        /**
+         * Configures DataAbilityPredicates to specify the start position of the returned result.
+         *
+         * @note Use this method together with limit(int).
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param rowOffset Indicates the start position of the returned result. The value is a positive integer.
+         * @return Returns the SQL query statement with the specified AbsPredicates.
+         */
+        offsetAs(rowOffset: number): DataAbilityPredicates;
+
+        /**
+         * Configures DataAbilityPredicates to group query results by specified columns.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param fields Indicates the specified columns by which query results are grouped.
+         * @return Returns the DataAbilityPredicates with the specified columns by which query results are grouped.
+         */
+        groupBy(fields: Array<string>): DataAbilityPredicates;
+
+        /**
+         * Configures DataAbilityPredicates to specify the index column.
+         *
+         * @note Before using this method, you need to create an index column.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param indexName Indicates the name of the index column.
+         * @return Returns DataAbilityPredicates with the specified index column.
+         */
+        indexedBy(field: string): DataAbilityPredicates;
+
+        /**
+         * Configures DataAbilityPredicates to match the specified field whose data type is ValueType array and values
+         * are within a given range.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param values Indicates the values to match with DataAbilityPredicates.
+         * @return Returns DataAbilityPredicates that matches the specified field.
+         */
+        in(field: string, value: Array<ValueType>): DataAbilityPredicates;
+
+        /**
+         * Configures {@code DataAbilityPredicates} to match the specified field whose data type is String array and values
+         * are out of a given range.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param values Indicates the values to match with DataAbilityPredicates.
+         * @return Returns DataAbilityPredicates that matches the specified field.
+         */
+        notIn(field: string, value: Array<ValueType>): DataAbilityPredicates;
+    }
+    /**
+     * Indicates possible value types
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import import data_rdb from '@ohos.data.rdb';
+     * @permission N/A
+     */
+    type ValueType = number | string | boolean;
+}
+
+export default dataAbility;
diff --git a/api/@ohos.data.rdb.d.ts b/api/@ohos.data.rdb.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d77415c1bd1a037c2d2b5a9985eb892b9b20753b
--- /dev/null
+++ b/api/@ohos.data.rdb.d.ts
@@ -0,0 +1,568 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { AsyncCallback } from './basic';
+import { ResultSet } from './data/rdb/resultSet';
+
+/**
+ * Provides methods for rdbStore create and delete.
+ *
+ * @since 7
+ * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+ * @devices phone, tablet, tv, wearable, car
+ * @import import data_rdb from '@ohos.data.rdb';
+ * @permission N/A
+ */
+declare namespace rdb {
+    /**
+     * Obtains an RDB store.
+     *
+     * You can set parameters of the RDB store as required. In general, this method is recommended
+     * to obtain a rdb store.
+     *
+     * @note N/A
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @param config Indicates the configuration of the database related to this RDB store. The configurations include
+     * the database path, storage mode, and whether the database is read-only.
+     * @param version Indicates the database version for upgrade or downgrade.
+     * @return Returns an RDB store {@link ohos.data.rdb.RdbStore}.
+     */
+    function getRdbStore(config: StoreConfig, version: number, callback: AsyncCallback<RdbStore>): void;
+    function getRdbStore(config: StoreConfig, version: number): Promise<RdbStore>;
+
+    /**
+     * Deletes the database with a specified name.
+     *
+     * @note N/A
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @param name Indicates the database name.
+     * @return Returns true if the database is deleted; returns false otherwise.
+     */
+    function deleteRdbStore(name: string, callback: AsyncCallback<void>): void;
+    function deleteRdbStore(name: string): Promise<void>;
+
+    /**
+     * Provides methods for managing the relational database (RDB).
+     *
+     * This class provides methods for creating, querying, updating, and deleting RDBs.
+     *
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import import data_rdb from '@ohos.data.rdb';
+     * @permission N/A
+     */
+    interface RdbStore {
+        /**
+         * Inserts a row of data into the target table.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param name Indicates the target table.
+         * @param values Indicates the row of data to be inserted into the table.
+         * @return Returns the row ID if the operation is successful; returns -1 otherwise.
+         */
+        insert(name: string, values: ValuesBucket, callback: AsyncCallback<number>): void;
+        insert(name: string, values: ValuesBucket): Promise<number>;
+
+        /**
+         * Updates data in the database based on a a specified instance object of rdbPredicates.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param values Indicates the row of data to be updated in the database.The key-value pairs are associated with column names of the database table.
+         * @param rdbPredicates Indicates the specified update condition by the instance object of RdbPredicates.
+         * @return Returns the number of affected rows.
+         */
+        update(values: ValuesBucket, rdbPredicates: RdbPredicates, callback: AsyncCallback<number>): void;
+        update(values: ValuesBucket, rdbPredicates: RdbPredicates): Promise<number>;
+
+        /**
+         * Deletes data from the database based on a specified instance object of rdbPredicates.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param rdbPredicates Indicates the specified delete condition by the instance object of RdbPredicates.
+         * @return Returns the number of affected rows.
+         */
+        delete(rdbPredicates: RdbPredicates, callback: AsyncCallback<number>): void;
+        delete(rdbPredicates: RdbPredicates): Promise<number>;
+
+        /**
+         * Queries data in the database based on specified conditions.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param rdbPredicates Indicates the specified query condition by the instance object of RdbPredicates.
+         * @param columns Indicates the columns to query. If the value is null, the query applies to all columns.
+         * @return Returns a ResultSet object if the operation is successful;
+         */
+        query(rdbPredicates: RdbPredicates, columns: Array<string>, callback: AsyncCallback<ResultSet>): void;
+        query(rdbPredicates: RdbPredicates, columns: Array<string>): Promise<ResultSet>;
+
+        /**
+         * Executes an SQL statement that contains specified parameters but returns no value.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param sql Indicates the SQL statement to execute.
+         * @param bindArgs Indicates the values of the parameters in the SQL statement. The values are strings.
+         */
+        executeSql(sql: string, bindArgs: Array<ValueType>, callback: AsyncCallback<void>): void;
+        executeSql(sql: string, bindArgs: Array<ValueType>): Promise<void>;
+    }
+
+    /**
+     * Indicates possible value types
+     *
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import import data_rdb from '@ohos.data.rdb';
+     * @permission N/A
+     */
+    type ValueType = number | string | boolean;
+
+    /**
+     * Values in buckets are stored in key-value pairs
+     *
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import import data_rdb from '@ohos.data.rdb';
+     * @permission N/A
+     */
+    type ValuesBucket = {
+        [key: string]: ValueType | Uint8Array | null;
+    }
+
+    /**
+     * Manages relational database configurations.
+     *
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import import data_rdb from '@ohos.data.rdb';
+     * @permission N/A
+     */
+    interface StoreConfig {
+        /**
+         * Indicates the name of the database file
+         *
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         */
+        name: string;
+    }
+
+    /**
+     * Manages relational database configurations.
+     *
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import import data_rdb from '@ohos.data.rdb';
+     * @permission N/A
+     */
+    class RdbPredicates {
+        /**
+         * A parameterized constructor used to create an RdbPredicates instance.
+         * name Indicates the table name of the database.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         */
+        constructor(name: string)
+
+        /**
+         * Configures the RdbPredicates to match the field whose data type is ValueType and value is equal
+         * to a specified value.
+         *
+         * @note This method is similar to = of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param value Indicates the value to match with the RdbPredicates.
+         * @return Returns the RdbPredicates that match the specified field.
+         */
+        equalTo(field: string, value: ValueType): RdbPredicates;
+
+        /**
+         * Configures the RdbPredicates to match the field whose data type is ValueType and value is unequal to
+         * a specified value.
+         *
+         * @note This method is similar to != of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param value Indicates the value to match with the RdbPredicates.
+         * @return Returns the RdbPredicates that match the specified field.
+         */
+        notEqualTo(field: string, value: ValueType): RdbPredicates;
+
+        /**
+         * Adds a left parenthesis to the RdbPredicates.
+         *
+         * @note This method is similar to ( of the SQL statement and needs to be used together with endWrap().
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @return Returns the RdbPredicates with the left parenthesis.
+         */
+        beginWrap(): RdbPredicates;
+
+        /**
+         * Adds a right parenthesis to the RdbPredicates.
+         *
+         * @note This method is similar to ) of the SQL statement and needs to be used together
+         * with beginWrap().
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @return Returns the RdbPredicates with the right parenthesis.
+         */
+        endWrap(): RdbPredicates;
+
+        /**
+         * Adds an or condition to the RdbPredicates.
+         *
+         * @note This method is similar to or of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @return Returns the RdbPredicates with the or condition.
+         */
+        or(): RdbPredicates;
+
+        /**
+         * Adds an and condition to the RdbPredicates.
+         *
+         * @note This method is similar to and of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @return Returns the RdbPredicates with the and condition.
+         */
+        and(): RdbPredicates;
+
+        /**
+         * Configures the RdbPredicates to match the field whose data type is string and value
+         * contains a specified value.
+         *
+         * @note This method is similar to contains of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param value Indicates the value to match with the RdbPredicates.
+         * @return Returns the RdbPredicates that match the specified field.
+         */
+        contains(field: string, value: string): RdbPredicates;
+
+        /**
+         * Configures the RdbPredicates to match the field whose data type is string and value starts
+         * with a specified string.
+         *
+         * @note This method is similar to value% of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param value Indicates the value to match with the RdbPredicates.
+         * @return Returns the RdbPredicates that match the specified field.
+         */
+        beginsWith(field: string, value: string): RdbPredicates;
+
+        /**
+         * Configures the RdbPredicates to match the field whose data type is string and value
+         * ends with a specified string.
+         *
+         * @note This method is similar to %value of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param value Indicates the value to match with the RdbPredicates.
+         * @return Returns the RdbPredicates that match the specified field.
+         */
+        endsWith(field: string, value: string): RdbPredicates;
+
+        /**
+         * Configures the RdbPredicates to match the fields whose value is null.
+         *
+         * @note This method is similar to is null of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @return Returns the RdbPredicates that match the specified field.
+         */
+        isNull(field: string): RdbPredicates;
+
+        /**
+         * Configures the RdbPredicates to match the specified fields whose value is not null.
+         *
+         * @note This method is similar to is not null of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @return Returns the RdbPredicates that match the specified field.
+         */
+        isNotNull(field: string): RdbPredicates;
+
+        /**
+         * Configures the RdbPredicates to match the fields whose data type is string and value is
+         * similar to a specified string.
+         *
+         * @note This method is similar to like of the SQL statement.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param value Indicates the value to match with the RdbPredicates. The percent sign (%) in the value
+         * is a wildcard (like * in a regular expression).
+         * @return Returns the RdbPredicates that match the specified field.
+         */
+        like(field: string, value: string): RdbPredicates;
+
+        /**
+         * Configures RdbPredicates to match the specified field whose data type is string and the value contains
+         * a wildcard.
+         *
+         * @note Different from like, the input parameters of this method are case-sensitive.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param value Indicates the value to match with RdbPredicates.
+         * @return Returns the SQL statement with the specified RdbPredicates.
+         */
+        glob(field: string, value: string): RdbPredicates;
+
+        /**
+         * Restricts the value of the field to the range between low value and high value.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name.
+         * @param low Indicates the minimum value.
+         * @param high Indicates the maximum value.
+         * @return Returns the SQL query statement with the specified RdbPredicates.
+         */
+        between(field: string, low: ValueType, high: ValueType): RdbPredicates;
+
+        /**
+         * Configures RdbPredicates to match the specified field whose data type is int and value is
+         * out of a given range.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param low Indicates the minimum value to match with DataAbilityPredicates.
+         * @param high Indicates the maximum value to match with DataAbilityPredicates.
+         * @return Returns the SQL query statement with the specified RdbPredicates.
+         */
+        notBetween(field: string, low: ValueType, high: ValueType): RdbPredicates;
+
+        /**
+         * Restricts the value of the field to be greater than the specified value.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name.
+         * @param value Indicates the String field.
+         * @return Returns the SQL query statement with the specified RdbPredicates.
+         */
+        greaterThan(field: string, value: ValueType): RdbPredicates;
+
+        /**
+         * Restricts the value of the field to be smaller than the specified value.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name.
+         * @param value Indicates the String field.
+         * @return Returns the SQL query statement with the specified RdbPredicates.
+         */
+        lessThan(field: string, value: ValueType): RdbPredicates;
+
+        /**
+         * Restricts the value of the field to be greater than or equal to the specified value.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name.
+         * @param value Indicates the String field.
+         * @return Returns the SQL query statement with the specified RdbPredicates.
+         */
+        greaterThanOrEqualTo(field: string, value: ValueType): RdbPredicates;
+
+        /**
+         * Restricts the value of the field to be smaller than or equal to the specified value.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name.
+         * @param value Indicates the String field.
+         * @return Returns the SQL query statement with the specified RdbPredicates.
+         */
+        lessThanOrEqualTo(field: string, value: ValueType): RdbPredicates;
+
+        /**
+         * Restricts the ascending order of the return list. When there are several orders,
+         * the one close to the head has the highest priority.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name for sorting the return list.
+         * @return Returns the SQL query statement with the specified RdbPredicates.
+         */
+        orderByAsc(field: string): RdbPredicates;
+
+        /**
+         * Restricts the descending order of the return list. When there are several orders,
+         * the one close to the head has the highest priority.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name for sorting the return list.
+         * @return Returns the SQL query statement with the specified RdbPredicates.
+         */
+        orderByDesc(field: string): RdbPredicates;
+
+        /**
+         * Restricts each row of the query result to be unique.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @return Returns the SQL query statement with the specified RdbPredicates.
+         */
+        distinct(): RdbPredicates;
+
+        /**
+         * Restricts the max number of return records.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param value Indicates the max length of the return list.
+         * @return Returns the SQL query statement with the specified RdbPredicates.
+         */
+        limitAs(value: number): RdbPredicates;
+
+        /**
+         * Configures RdbPredicates to specify the start position of the returned result.
+         *
+         * @note Use this method together with limit(int).
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param rowOffset Indicates the start position of the returned result. The value is a positive integer.
+         * @return Returns the SQL query statement with the specified AbsPredicates.
+         */
+        offsetAs(rowOffset: number): RdbPredicates;
+
+        /**
+         * Configures RdbPredicates to group query results by specified columns.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param fields Indicates the specified columns by which query results are grouped.
+         * @return Returns the RdbPredicates with the specified columns by which query results are grouped.
+         */
+        groupBy(fields: Array<string>): RdbPredicates;
+
+        /**
+         * Configures RdbPredicates to specify the index column.
+         *
+         * @note Before using this method, you need to create an index column.
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param indexName Indicates the name of the index column.
+         * @return Returns RdbPredicates with the specified index column.
+         */
+        indexedBy(field: string): RdbPredicates;
+
+        /**
+         * Configures RdbPredicates to match the specified field whose data type is ValueType array and values
+         * are within a given range.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param values Indicates the values to match with RdbPredicates.
+         * @return Returns RdbPredicates that matches the specified field.
+         */
+        in(field: string, value: Array<ValueType>): RdbPredicates;
+
+        /**
+         * Configures RdbPredicates to match the specified field whose data type is ValueType array and values
+         * are out of a given range.
+         *
+         * @note N/A
+         * @since 7
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param field Indicates the column name in the database table.
+         * @param values Indicates the values to match with RdbPredicates.
+         * @return Returns RdbPredicates that matches the specified field.
+         */
+        notIn(field: string, value: Array<ValueType>): RdbPredicates;
+    }
+}
+
+export default rdb;
diff --git a/api/@ohos.deviceinfo.d.ts b/api/@ohos.deviceInfo.d.ts
similarity index 98%
rename from api/@ohos.deviceinfo.d.ts
rename to api/@ohos.deviceInfo.d.ts
index 7a78a571ba8ac425a7064b56bca5782fc84b0fae..c6b4c48ea362ce3918e443067f8b7790a5172808 100644
--- a/api/@ohos.deviceinfo.d.ts
+++ b/api/@ohos.deviceInfo.d.ts
@@ -233,6 +233,13 @@ declare namespace deviceInfo {
      * @since 6
      */
     const buildRootHash: string;
+    /**
+     * Obtains the device udid.
+     *
+     * @since 7
+     */
+    const udid: string;
+
 }
 
 export default deviceInfo;
diff --git a/api/@ohos.distributedHardware.deviceManager.d.ts b/api/@ohos.distributedHardware.deviceManager.d.ts
index f918e3e45bee0d56953117797b608b100b87601b..646861dc96449ab663281565dc6864835c0ce093 100644
--- a/api/@ohos.distributedHardware.deviceManager.d.ts
+++ b/api/@ohos.distributedHardware.deviceManager.d.ts
@@ -221,9 +221,63 @@ declare namespace deviceManager {
    */
   enum SubscribeCap {
     /**
-     * ddmpCapability
+     * ddmpCapability, will be discarded later. Currently, it will be converted to OSD capability inner.
      */
-    SUBSCRIBE_CAPABILITY_DDMP = 0
+    SUBSCRIBE_CAPABILITY_DDMP = 0,
+
+    /**
+     * One Super Device Capability
+     */
+    SUBSCRIBE_CAPABILITY_OSD = 1
+  }
+
+  /**
+   * Device Authentication param
+   *
+   * @systemapi this method can be used only by system applications
+   */
+  interface AuthParam {
+    /**
+     * Authentication type, 1 for pin code.
+     */
+    authType: number;
+
+    /**
+     * App application Icon.
+     */
+    appIcon?: Uint8Array;
+
+    /**
+     * App application thumbnail.
+     */
+    appThumbnail?: Uint8Array;
+
+    /**
+     * Authentication extra infos.
+     */
+    extraInfo: {[key:string] : any};
+  }
+
+  /**
+   * Device auth info.
+   *
+   * @systemapi this method can be used only by system applications
+   */
+  interface AuthInfo {
+    /**
+     * Authentication type, 1 for pin code.
+     */
+    authType: number;
+
+    /**
+     * the token used for this authentication.
+     */
+    token: number;
+    
+    /**
+     * Authentication extra infos.
+     */
+    extraInfo: {[key:string] : any};
   }
 
   /**
@@ -259,7 +313,6 @@ declare namespace deviceManager {
     /**
      * Start to discover device.
      *
-     * @param bundleName Indicates the bundle name of the application.
      * @param subscribeInfo subscribe info to discovery device
      * @systemapi this method can be used only by system applications.
      */
@@ -268,20 +321,30 @@ declare namespace deviceManager {
     /**
      * Stop to discover device.
      *
-     * @param bundleName Indicates the bundle name of the application.
      * @param subscribeId Service subscribe ID
      * @systemapi this method can be used only by system applications.
      */
     stopDeviceDiscovery(subscribeId: number): void;
 
     /**
-     * authenticate the specified device.
+     * Authenticate the specified device.
      *
-     * @param bundleName Indicates the bundle name of the application.
      * @param deviceInfo deviceInfo of device to authenticate
+     * @param authparam authparam of device to authenticate
+     * @param callback Indicates the callback to be invoked upon authenticateDevice
+     * @systemapi this method can be used only by system applications.
+     */
+    authenticateDevice(deviceInfo: DeviceInfo, authParam: AuthParam, callback: AsyncCallback<{deviceId: string, pinTone ?: number}>): void;
+
+     /**
+     * verify auth info, such as pin code.
+     *
+     * @param authInfo device auth info o verify
+     * @param callback Indicates the callback to be invoked upon verifyAuthInfo
      * @systemapi this method can be used only by system applications.
      */
-    authenticateDevice(deviceInfo: DeviceInfo): void;
+    verifyAuthInfo(authInfo: AuthInfo, callback: AsyncCallback<{deviceId: string, level: number}>): void;
+
 
     /**
      * Register a device state callback so that the application can be notified upon device state changes based on
@@ -332,22 +395,6 @@ declare namespace deviceManager {
      */
     off(type: 'discoverFail', callback?: Callback<{ subscribeId: number, reason: number }>): void;
 
-    /**
-     * Register a device auth result callback so that the application can be notified when the device was found
-     *
-     * @param callback Indicates the device auth result callback to register.
-     * @systemapi this method can be used only by system applications.
-     */
-    on(type: 'authResult', callback: Callback<{ deviceId: string, status: number, reason: number }>): void;
-
-    /**
-     * UnRegister a device auth result callback so that the application can be notified when the device was found
-     *
-     * @param callback Indicates the device auth result callback to register.
-     * @systemapi this method can be used only by system applications.
-     */
-    off(type: 'authResult', callback?: Callback<{ deviceId: string, status: number, reason: number }>): void;
-
     /**
      * Register a serviceError callback so that the application can be notified when devicemanager service died
      *
diff --git a/api/@ohos.i18n.d.ts b/api/@ohos.i18n.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5e4d1f12764303e42860adac8d47a094a9e58616
--- /dev/null
+++ b/api/@ohos.i18n.d.ts
@@ -0,0 +1,333 @@
+/*
+ * 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.
+ */
+
+/**
+ * Provides international settings related APIs.
+ *
+ * @since 7
+ * @devices phone, tablet, tv, wearable, car
+ */
+declare namespace i18n {
+/**
+ * Obtains the country or region name localized for display on a given locale.
+ *
+ * @param country The locale whose country or region name will be displayed.
+ * @param locale The locale used to display the country or region.
+ * @param sentenceCase Specifies whether the country or region name is displayed in sentence case.
+ * @return Returns the country or region name localized for display on a given locale.
+ * @since 7
+ */
+export function getDisplayCountry(country: string, locale: string, sentenceCase?: boolean): string;
+
+/**
+ * Obtains the language name localized for display on a given locale.
+ *
+ * @param language The locale whose language name will be displayed.
+ * @param locale The locale used to display the language.
+ * @param sentenceCase Specifies whether the language name is displayed in sentence case.
+ * @return Returns the language name localized for display on a given locale.
+ * @since 7
+ */
+export function getDisplayLanguage(language: string, locale: string, sentenceCase?: boolean): string;
+
+/**
+ * Obtain all languages supported by the system.
+ *
+ * @return Returns all languages supported by the system.
+ * @since 7
+ * @systemapi Hide this for inner system use.
+ */
+export function getSystemLanguages(): Array<string>;
+
+/**
+ * Obtain all regions supported by the system in the language.
+ *
+ * @param language The language used to get the list of regions.
+ * @return Returns all regions supported by the system in the language.
+ * @since 7
+ * @systemapi Hide this for inner system use.
+ */
+export function getSystemCountries(language: string): Array<string>;
+
+/**
+ * Determine whether the current language or region is recommended.
+ *
+ * @param language The language code.
+ * @param region The region code.
+ * @return Returns whether the current language or region is recommended.
+ * @since 7
+ * @systemapi Hide this for inner system use.
+ */
+export function isSuggested(language: string, region?: string): boolean;
+
+/**
+ * Obtain the language currently used by the system.
+ *
+ * @return Returns the language currently used by the system.
+ * @since 7
+ */
+export function getSystemLanguage(): string;
+
+/**
+ * Set the language currently used by the system.
+ *
+ * @param language The language to be used.
+ * @since 7
+ * @systemapi Hide this for inner system use.
+ */
+export function setSystemLanguage(language: string): boolean;
+
+/**
+ * Obtain the region currently used by the system.
+ *
+ * @return Returns the region currently used by the system.
+ * @since 7
+ */
+export function getSystemRegion(): string;
+
+/**
+ * Set the region currently used by the system.
+ *
+ * @param region The region to be used.
+ * @since 7
+ * @systemapi Hide this for inner system use.
+ */
+export function setSystemRegion(region: string): boolean;
+
+/**
+ * Obtain the locale currently used by the system.
+ *
+ * @return Returns the locale currently used by the system.
+ * @since 7
+ */
+export function getSystemLocale(): string;
+
+/**
+ * Set the locale currently used by the system.
+ *
+ * @param locale The locale to be used.
+ * @since 7
+ * @systemapi Hide this for inner system use.
+ */
+export function setSystemLocale(locale: string): boolean;
+
+/**
+ * Provides util functions.
+ *
+ * @since 8
+ */
+export interface Util {
+    /**
+     * Convert from unit to to unit and format according to the locale.
+     * @param fromUnit Information of the unit to be converted.
+     * @param toUnit Information about the unit to be converted to.
+     * @param value Indicates the number to be formatted.
+     * @param locale The locale to be used.
+     * @param style The style of format.
+     * @since 8
+     */
+    unitConvert(fromUnit: UnitInfo, toUnit: UnitInfo, value: number, locale: string, style?: string): string;
+}
+
+/**
+ * Provides the options of unit.
+ *
+ * @since 8
+ */
+export interface UnitInfo {
+    /**
+     * Unit name.
+     */
+    unit: string
+
+    /**
+     * The measurement system of the unit.
+     */
+    measureSystem: string
+}
+
+/**
+ * Provides the options of PhoneNumberFormat.
+ *
+ * @since 8
+ */
+export interface PhoneNumberFormatOptions {
+    /**
+     * Indicates the type to format phone number.
+     */
+    type: string;
+}
+
+/**
+ * Provides the API for formatting phone number strings
+ *
+ * @since 8
+ */
+export class PhoneNumberFormat {
+    /**
+     * A constructor used to create a PhoneNumberFormat object.
+     * @param country Indicates a character string containing the country information for the PhoneNumberFormat object.
+     * @param type Indicates the type used to format the phone number, includes: "E164", "RFC3966", "INTERNATIONAL", "NATIONAL".
+     * @since 8
+     */
+    constructor(country: string, options?: PhoneNumberFormatOptions);
+
+    /**
+     * Judges whether phone number is valid.
+     * @param number Indicates the input phone number to be judged.
+     * @return Returns a boolean indicates whether the input phone number is valid.
+     * @since 8
+     */
+    isValidNumber(number: string): boolean;
+
+    /**
+     * Obtains the formatted phone number strings of number.
+     * @param number Indicates the input phone number to be formatted.
+     * @return Returns the formatted phone number.
+     * @since 8
+     */
+    format(number: string): string;
+}
+
+/**
+ * Get a Calendar instance specified by locale and type.
+ *
+ * @param locale The locale used to get calendar.
+ * @param type If type is not specified, get locale's default Calendar, else get the specified type of Calendar.
+ *  such as buddhist, chinese, coptic, ethiopic, hebrew, gregory, indian, islamic_civil, islamic_tbla, islamic_umalqura,
+ *  japanese, persion.
+ * @since 8
+ */
+ export function getCalendar(locale: string, type?: string): Calendar;
+
+export class Calendar {
+    /**
+     * set the date.
+     *
+     * @param date Date object used to set the time and date.
+     * @since 8
+     */
+    setTime(date: Date);
+
+    /**
+     * set the time.
+     *
+     * @param time Indicates the elapsed milliseconds from 1970.1.1 00:00:00 GMT.
+     * @since 8
+     */
+     setTime(time: number);
+
+    /**
+     * Set the time
+     *
+     * @param year The year field of the calendar, ranges from 0 to 9999.
+     * @param month The month field of the calendar, ranges from 0 to 11.
+     * @param date The day field of the calendar, ranges from 1 to 31.
+     * @param hour The hour field of the calendar, ranges from 0 to 23.
+     * @param minute The minute field of the calendar, ranges from 0 to 59.
+     * @param second the second field of the calendar, ranges from 0 to 59.
+     * @since 8
+     */
+    set(year: number, month: number, date:number, hour?: number, minute?: number, second?: number);
+
+    /**
+     * Set the timezone of this calendar.
+     *
+     * @param timezone The id of a timezone.
+     * @since 8
+     */
+    setTimeZone(timezone: string);
+
+    /**
+     * Get the timezone id of this calendar instance.
+     *
+     * @return Returns the timezone id of this calendar.
+     * @since 8
+     */
+    getTimeZone(): string;
+
+    /**
+     * Get the start day of a week. 0 indicates Sunday, 6 indicates Saturday.
+     *
+     * @return Returns start day of a week.
+     * @since 8
+     */
+    getFirstDayOfWeek(): number;
+
+    /**
+     * Set the start day of a week. 0 indicates Sunday, 6 indicates Saturday.
+     *
+     * @param value Indicates the start day of a week. 0 indicates Sunday, 6 indicates Saturday.
+     * @since 8
+     */
+    setFirstDayOfWeek(value: number);
+
+    /**
+     * Get the minial days of a week, which is needed for the first day of a year.
+     *
+     * @return Returns the minimal days of a week.
+     * @since 8
+     */
+    getMinimalDaysInFirstWeek(): number;
+
+    /**
+     * Set the minial days of a week, which is needed for the first week of a year.
+     *
+     * @param value The value to be set.
+     * @since 8
+     */
+    setMinimalDaysInFirstWeek(value: number);
+
+    /**
+     * Get the associated value with the field.
+     *
+     * @param field Field values such as era, year, month, week_of_year, week_of_month, date, day_of_year, day_of_week
+     *  day_of_week_in_month, hour, hour_of_day, minute, second, millisecond, zone_offset, dst_offset, year_woy,
+     *  dow_local, extended_year, julian_day, milliseconds_in_day, is_leap_month.
+     * @return Return the associated value.
+     * @since 8
+     */
+    get(field: string): number;
+
+    /**
+     * Get calendar's name localized for display in the given locale.
+     *
+     * @param locale Locale used to get the localized name for this calendar.
+     * @return Retuns the localized name of this calendar.
+     * @since 8
+     */
+    getDisplayName(locale: string): string;
+
+    /**
+     * Returns true if the given date is a weekend day. If the date is not given,
+     *  the date object of this calendar is used.
+     *
+     * @param date Date object whose attribute is desired.
+     * @return Retuns whether the date is a weekend day.
+     * @since 8
+     */
+    isWeekend(date?: Date): boolean;
+}
+
+/**
+ * Judge whether the locale is RTL locale.
+ *
+ * @param locale The locale to be used.
+ * @return Returns true representing the locale is an RTL locale
+ *
+ * @since 8
+ */
+export function isRTL(locale: string): boolean;
+}
\ No newline at end of file
diff --git a/api/@ohos.intl.d.ts b/api/@ohos.intl.d.ts
index ccc0a8212e565f788bdd32a740058e09258bbb95..58f7d28ece511e19785cf640f65997c73872353e 100755
--- a/api/@ohos.intl.d.ts
+++ b/api/@ohos.intl.d.ts
@@ -13,6 +13,12 @@
  * limitations under the License.
  */
 
+/**
+ * Provides internationalization related APIs.
+ *
+ * @since 6
+ * @devices phone, tablet, tv, wearable, car
+ */
 declare namespace intl {
 /**
  * Provides APIs for obtaining locale information.
@@ -57,6 +63,157 @@ export class Locale {
      * @since 6
      */
     baseName: string
+
+    /**
+     * Indicates the case first style of the locale.
+     */
+    caseFirst: string
+
+    /**
+     * Indicates the calendar.
+     */
+    calendar: string
+
+    /**
+     * Indicates the collation.
+     */
+    collation: string
+
+    /**
+     * Indicates the hour cycle.
+     */
+    hourCycle:  string
+
+    /**
+     * Indicates the numbering system.
+     */
+    numberingSystem: string
+
+    /**
+     * Indicates whether it is numeric.
+     */
+    numeric: boolean
+
+    /**
+     * Convert the locale information to string.
+     *
+     * @return Returns locale information in string form.
+     */
+    toString(): string;
+
+    /**
+     * Maximize the locale's base information.
+     *
+     * @return Returns maximized locale.
+     */
+    maximize(): Locale;
+
+    /**
+     * Minimize the locale's base information.
+     *
+     * @return Returns minimized locale.
+     */
+    minimize(): Locale;
+}
+
+/**
+ * Provides the options of date time format.
+ */
+export interface DateTimeOptions {
+    /**
+     * Indicates the locale.
+     */
+    locale: string
+
+    /**
+     * Indicates the date style.
+     */
+    dateStyle: string
+
+    /**
+     * Indicates the time style.
+     */
+    timeStyle: string
+
+    /**
+     * Indicates the hour cycle.
+     */
+    hourCycle: string
+
+    /**
+     * Indicates the timezone.
+     */
+    timeZone: string
+
+    /**
+     * Indicates the numbering system.
+     */
+    numberingSystem: string
+
+    /**
+     * Indicates whether is 12 hour or not.
+     */
+    hour12: boolean
+
+    /**
+     * Indicates the weekday style.
+     */
+    weekday: string
+
+    /**
+     * Indicates the era style.
+     */
+    era: string
+
+    /**
+     * Indicates the year style.
+     */
+    year: string
+
+    /**
+     * Indicates the month style.
+     */
+    month: string
+
+    /**
+     * Indicates the day style.
+     */
+    day: string
+
+    /**
+     * Indicates the hour style.
+     */
+    hour: string
+
+    /**
+     * Indicates the minute style.
+     */
+    minute: string
+
+    /**
+     * Indicates the second style.
+     */
+    second: string
+
+    /**
+     * Indicates the timezone name.
+     */
+    timeZoneName: string
+
+    /**
+     * Indicates the day period format.
+     */
+    dayPeriod: string
+
+    /**
+     * Indicates the locale matching algorithm.
+     */
+    localeMatcher: string
+
+    /**
+     * Indicates the format matching algorithm.
+     */
+    formatMatcher: string
 }
 
 /**
@@ -68,11 +225,19 @@ export class DateTimeFormat {
     /**
      * A constructor used to create a DateTimeFormat object.
      *
-     * @param locale Indicates a character string containing the locale information, including
+     * @since 8
+     */
+    constructor();
+
+    /**
+     * A constructor used to create a DateTimeFormat object.
+     *
+     * @param locale Indicates character string containing the locale information, including
      *               the language and optionally the script and region, for the DateTimeFormat object.
+     * @param options Indicates the options used to format the date.
      * @since 6
      */
-    constructor(locale?: string);
+    constructor(locale: string | Array<string>, options?: DateTimeOptions);
 
     /**
      * Obtains the formatted date strings.
@@ -82,6 +247,339 @@ export class DateTimeFormat {
      * @since 6
      */
     format(date: Date): string;
+
+    /**
+     * Obtains the formatted date strings of a date range.
+     *
+     * @param startDate Indicates the start date of the date range.
+     * @param endDate Indicates the end date of the date range.
+     * @return Returns a date string formatted based on the specified locale.
+     * @since 6
+     */
+    formatRange(startDate: Date, endDate: Date): string;
+
+    /**
+     * Obtains the options of the DateTimeFormat object.
+     *
+     * @return Returns the options of the DateTimeFormat object.
+     * @since 6
+     */
+    resolvedOptions(): DateTimeOptions;
+}
+
+/**
+ * Provides the options of number format.
+ */
+export interface NumberOptions {
+    /**
+     * Indicates the locale.
+     */
+    locale: string
+
+    /**
+     * Indicates the currency.
+     */
+    currency: string
+
+    /**
+     * Indicates the currency sign.
+     */
+    currencySign: string
+
+    /**
+     * Indicates the currency display format.
+     */
+    currencyDisplay: string
+
+    /**
+     * Indicates the unit.
+     */
+    unit: string
+
+    /**
+     * Indicates the unit display format.
+     */
+    unitDisplay: string
+
+    /**
+     * Indicates the unit display format.
+     */
+    unitUsage: string
+
+    /**
+     * Indicates the sign display format.
+     */
+    signDisplay: string
+
+    /**
+     * Indicates the compact display format.
+     */
+    compactDisplay: string
+
+    /**
+     * Indicates the notation.
+     */
+    notation: string
+
+    /**
+     * Indicates the locale matching algorithm.
+     */
+    localeMatcher: string
+
+    /**
+     * Indicates the style.
+     */
+    style: string
+
+    /**
+     * Indicates the numbering system.
+     */
+    numberingSystem: string
+
+    /**
+     * Indicates whether using grouping or not.
+     */
+    useGrouping: boolean
+
+    /**
+     * Indicates the minimum integer digits.
+     */
+    minimumIntegerDigits: number
+
+    /**
+     * Indicates the minimum fraction digits.
+     */
+    minimumFractionDigits: number
+
+    /**
+     * Indicates the maximum fraction digits.
+     */
+    maximumFractionDigits: number
+
+    /**
+     * Indicates the minimum significant digits.
+     */
+    minimumSignificantDigits: number
+
+    /**
+     * Indicates the maximum significant digits.
+     */
+    maximumSignificantDigits: number
+}
+
+/**
+ * Provides the API for formatting number strings.
+ */
+export class NumberFormat {
+    /**
+     * A constructor used to create a NumberFormat object.
+     *
+     * @since 6
+     */
+    constructor();
+
+    /**
+     * A constructor used to create a NumberFormat object.
+     *
+     * @param locale Indicates a character string containing the locale information, including
+     *               the language and optionally the script and region, for the NumberFormat object.
+     * @param options Indicates the options used to format the number.
+     * @since 6
+     */
+    constructor(locale: string | Array<string>, options?: NumberOptions);
+
+    /**
+     * Obtains the formatted number string.
+     *
+     * @param number Indicates the number to be formatted.
+     * @return Returns a number string formatted based on the specified locale.
+     * @since 6
+     */
+    format(number: number): string;
+
+    /**
+     * Obtains the options of the NumberFormat object.
+     *
+     * @return Returns the options of the NumberFormat object.
+     * @since 6
+     */
+    resolvedOptions(): NumberOptions;
+}
+
+/**
+ * Provides the options of Collator
+ *
+ * @since 8
+ */
+export interface CollatorOptions {
+    /**
+     * The locale matching algorithm to use.
+     * Possible values are "lookup" and "best fit"; the default is "best fit".
+     */
+    localeMatcher: string;
+
+    /**
+     * Whether the comparison is for sorting or for searching for matching strings.
+     * Possible values are "sort" and "search"; the default is "sort".
+     */
+    usage: string;
+
+    /**
+     * Which differences in the strings should lead to non-zero result values.
+     * Possible values are "base", "accent", "case", "variant".
+     */
+    sensitivity: string;
+
+    /**
+     * Whether punctuation should be ignored.
+     * Possible values are true and false; the default is false.
+     */
+    ignorePunctuation: boolean;
+
+    /**
+     * Variant collations for certain locales.
+     */
+    collation: string;
+
+    /**
+     * Whether numeric collation should be used.
+     * Possible values are true and false; the default is false.
+     */
+    numeric: boolean;
+
+    /**
+     * Whether upper case or lower case should sort first.
+     * Possible values are "upper", "lower", or "false" (use the locale's default).
+     */
+    caseFirst: string;
+}
+
+/**
+ * Enable language-sensitive string comparison.
+ *
+ * @since 8
+ */
+export class Collator {
+    /**
+     * A constructor used to create Collator object.
+     *
+     * @since 8
+     */
+    constructor();
+    /**
+     * A constructor used to create Collator Object;
+     *
+     * @param locale Indicates a character string containing the locale information, including
+     *               the language and optionally the script and region, for the Collator object.
+     * @param options Indicates the options used to initialize Collator object.
+     * @since 8
+     */
+    constructor(locale: string | Array<string>, options?: CollatorOptions);
+
+    /**
+     * compares two strings according to the sort order of this Collator object
+     *
+     * @param first The first string to compare.
+     * @param second The second string to compare.
+     * @return Returns a number indicating how first compare to second:
+     *         a negative value if string1 comes before string2;
+     *         a positive value if string1 comes after string2;
+     *         0 if they are considered equal.
+     * @since 8
+     */
+    compare(first: string, second: string): number;
+
+    /**
+     * Returns a new object with properties reflecting the locale and collation options computed
+     * during initialization of the object.
+     *
+     * @return Returns a CollatorOptions object reflecting the properties of this object.
+     * @since 8
+     */
+    resolvedOptions(): CollatorOptions;
+}
+
+/**
+ * Provides the options of PluralRules
+ *
+ * @since 8
+ */
+export interface PluralRulesOptions {
+    /**
+     * The locale matching algorithm to use.
+     * Possible values are "lookup" and "best fit"; the default is "best fit".
+     */
+    localeMatcher: string;
+
+    /**
+     * The type to use. Possible values are: "cardinal", "ordinal"
+     */
+    type: string;
+
+    /**
+     * The minimum number of integer digits to use.
+     * Possible values are from 1 to 21; the default is 1.
+     */
+    minimumIntegerDigits: number;
+
+    /**
+     * The minimum number of fraction digits to use.
+     * Possible values are from 0 to 20; the default for plain number and percent formatting is 0;
+     */
+    minimumFractionDigits: number;
+
+    /**
+     * The maximum number of fraction digits to use.
+     * Possible values are from 0 to 20;
+     * the default for plain number formatting is the larger of minimumFractionDigits and 3;
+     */
+    maximumFractionDigits: number;
+
+    /**
+     * The minimum number of significant digits to use.
+     * Possible values are from 1 to 21; the default is 1.
+     */
+    minimumSignificantDigits: number;
+
+    /**
+     * The maximum number of significant digits to use.
+     * Possible values are from 1 to 21; the default is 21.
+     */
+    maximumSignificantDigits: number;
+}
+
+/**
+ * Enables plural-sensitive formatting and plural-related language rules.
+ *
+ * @since 8
+ */
+export class PluralRules {
+    /**
+     * A constructor used to create PluralRules object.
+     *
+     * @since 8
+     */
+    constructor();
+
+    /**
+     * A constructor used to create PluralRules object.
+     *
+     * @param locale Indicates a character string containing the locale information, including
+     *               the language and optionally the script and region, for the PluralRules object.
+     * @param options Indicates the options used to initialize PluralRules object.
+     * @since 8
+     */
+    constructor(locale: string | Array<string>, options?: PluralRulesOptions);
+
+    /**
+     * Returns a string indicating which plural rule to use for locale-aware formatting.
+     *
+     * @param n The number to get a plural rule for.
+     * @return A string representing the pluralization category of the number,
+     *         can be one of zero, one, two, few, many or other.
+     * @since 8
+     */
+    select(n: number): string;
 }
 }
 export default intl;
\ No newline at end of file
diff --git a/api/@ohos.multimedia.audio.d.ts b/api/@ohos.multimedia.audio.d.ts
index f17b2261b2fcb68d4726eddd0e495e986dee2a49..48152496f85627641c590688fdae8de1f973d8c9 100755
--- a/api/@ohos.multimedia.audio.d.ts
+++ b/api/@ohos.multimedia.audio.d.ts
@@ -37,14 +37,14 @@ declare namespace audio {
      * @sysCap SystemCapability.Multimedia.Audio
      */
     enum AudioVolumeType {
-        /**
-         * the media stream
-         */
-        MEDIA = 1,
         /**
          * the ringtone stream
          */
         RINGTONE = 2,
+        /**
+         * the media stream
+         */
+        MEDIA = 3,
     }
 
     /**
@@ -94,23 +94,23 @@ declare namespace audio {
         /**
          * speaker
          */
-        SPEAKER = 1,
+        SPEAKER = 2,
         /**
          * wired headset
          */
-        WIRED_HEADSET = 2,
+        WIRED_HEADSET = 3,
         /**
          * bluetooth sco
          */
-        BLUETOOTH_SCO = 3,
+        BLUETOOTH_SCO = 7,
         /**
          * bluetooth a2dp
          */
-        BLUETOOTH_A2DP = 4,
+        BLUETOOTH_A2DP = 8,
         /**
          * mic
          */
-        MIC = 5,
+        MIC = 15,
     }
     /**
      * the audiomanager of the audio
diff --git a/api/@ohos.napi_ability_manager.d.ts b/api/@ohos.napi_ability_manager.d.ts
deleted file mode 100755
index d4f8d8a546f3703834875424da0fed023893021d..0000000000000000000000000000000000000000
--- a/api/@ohos.napi_ability_manager.d.ts
+++ /dev/null
@@ -1,189 +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.
- */
-
-import { AbilityMissionInfo } from './app/abilitymissioninfo';
-import { ProcessInfo } from './app/processinfo';
-import { AsyncCallback } from './app/common';
-import { AppProcessState as _AppProcessState } from './app/appprocessstate';
-
-declare namespace abilityManager {
-  export import AppProcessState = _AppProcessState;
-  /**
-   * Obtains information about application processes that are running on the device.
-   *
-   * @default -
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @returns Returns a list of running processes.
-   * @testapi
-   */
-  function getAllRunningProcesses(): Promise<Array<ProcessInfo>>;
-
-  /**
-   * Obtains information about the application process running on the device through callback.
-   *
-   * @default -
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @param callback Specified callback method.
-   * @testapi
-   */
-  function getAllRunningProcesses(
-    callback: AsyncCallback<Array<ProcessInfo>>,
-  ): void;
-
-  /**
-   * Queries information about the running Ability Mission.
-   *
-   * @default -
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @returns Returns the AbilityMissionInfos.
-   * @testapi
-   */
-  function queryRunningAbilityMissionInfos(): Promise<
-    Array<AbilityMissionInfo>
-  >;
-
-  /**
-   * Queries information about the running Ability Mission through callback.
-   *
-   * @default -
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @param callback Specified callback method.
-   * @testapi
-   */
-  function queryRunningAbilityMissionInfos(
-    callback: AsyncCallback<Array<AbilityMissionInfo>>,
-  ): void;
-
-  /**
-   * Queries information about the recent Ability Mission.
-   *
-   * @default -
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @returns Returns the AbilityMissionInfos.
-   * @testapi
-   */
-  function queryRecentAbilityMissionInfos(): Promise<Array<AbilityMissionInfo>>;
-
-  /**
-   * Queries information about the recent Ability Mission.
-   *
-   * @default -
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @param callback Specified callback method.
-   * @testapi
-   */
-  function queryRecentAbilityMissionInfos(
-    callback: AsyncCallback<Array<AbilityMissionInfo>>,
-  ): void;
-
-  /**
-   * Specifies that the task associated with the given task ID is removed from the stack.
-   *
-   * @default -
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @param missionId Indicates the mission ID
-   * @returns Returns 0 for success, return non-0 for failure.
-   * @testapi
-   */
-  function removeMission(missionId: number): Promise<number>;
-
-  /**
-   * Specifies that the task associated with the given task ID is removed from the stack through callback.
-   *
-   * @default -
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @param missionId Indicates the mission ID
-   * @param callback Specified callback method
-   * @testapi
-   */
-  function removeMission(
-    missionId: number,
-    callback: AsyncCallback<number>,
-  ): void;
-
-  /**
-   * Removes the specified mission stack by stack ID.
-   *
-   * @default -
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @param stackId Indicates the stack ID
-   * @returns Returns 0 for success, return non-0 for failure.
-   * @testapi
-   */
-  function removeStack(stackId: number): Promise<number>;
-
-  /**
-   * Removes the specified mission stack by stack ID.
-   *
-   * @default -
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @param stackId Indicates the stack ID
-   * @param callback Specified callback method.
-   * @testapi
-   */
-  function removeStack(stackId: number, callback: AsyncCallback<number>): void;
-
-  /**
-   * Ask that the mission associated with a given mission ID be moved to the
-   * front of the stack.
-   *
-   * @default -
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @param missionId Indicates the mission ID
-   * @returns Returns 0 for success, return non-0 for failure.
-   * @testapi
-   */
-  function moveMissionToTop(missionId: number): Promise<number>;
-
-  /**
-   * Ask that the mission associated with a given mission ID be moved to the
-   * front of the stack.
-   *
-   * @default -
-   * @devices phone
-   * @since 6
-   * @SysCap appexecfwk
-   * @param missionId Indicates the mission ID
-   * @param callback Specified callback method.
-   * @testapi
-   */
-  function moveMissionToTop(
-    missionId: number,
-    callback: AsyncCallback<number>,
-  ): void;
-}
-export default abilityManager;
diff --git a/api/@ohos.notification.d.ts b/api/@ohos.notification.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b1eb7f274a8d21dba6fa73a769434051c9060be2
--- /dev/null
+++ b/api/@ohos.notification.d.ts
@@ -0,0 +1,546 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License"),
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { AsyncCallback } from './basic';
+import { NotificationSlot } from './notification/notificationSlot';
+import { NotificationSubscriber } from './notification/notificationSubscriber';
+import { NotificationSubscribeInfo } from './notification/notificationSubscribeInfo';
+import { NotificationRequest } from './notification/notificationRequest';
+
+/**
+ * Manages notifications.
+ *
+ * <p>Generally, only system applications have permissions on notification subscription and unsubscription.
+ * You can specify the content of a notification to be published and the content is carried by
+ * {@link NotificationRequest}. A notification ID is unique in an application and must be specified
+ * when using {@link NotificationRequest} to carry the notification content. If a notification
+ * with this ID has been published and you need to use this ID to publish another notification,
+ * the original notification will be updated. In addition, the notification ID can be used to cancel
+ * a notification by calling the {@link #cancel(int)} method.
+ *
+ * @name notification
+ * @since 7
+ * @sysCap SystemCapability.Notification.ANS
+ * @devices phone, tablet, tv, wearable, car
+ * @import import notification from '@ohos.notification';
+ * @permission N/A
+ */
+declare namespace notification {
+  /**
+   * Publishes a notification.
+   *
+   * <p>If a notification with the same ID has been published by the current application and has not been deleted,
+   * this method will update the notification.
+   *
+   * @param Publishes a notification.
+   */
+  function publish(request: NotificationRequest, callback: AsyncCallback<void>): void;
+  function publish(request: NotificationRequest): Promise<void>;
+
+  /**
+   * Cancels a notification with the specified ID.
+   *
+   * @param ID of the notification to cancel, which must be unique in the application.
+   */
+  function cancel(id: number, callback: AsyncCallback<void>): void;
+
+  /**
+   * Cancels a notification with the specified label and ID.
+   *
+   * @param ID of the notification to cancel, which must be unique in the application.
+   * @param Label of the notification to cancel.
+   */
+  function cancel(id: number, label: string, callback: AsyncCallback<void>): void;
+  function cancel(id: number, label?: string): Promise<void>;
+
+  /**
+   * Cancels all notifications of the current application.
+   */
+  function cancelAll(callback: AsyncCallback<void>): void;
+  function cancelAll(): Promise<void>;
+
+  /**
+   * Creates a notification slot.
+   *
+   * @param slot Indicates the notification slot to be created, which is set by {@link NotificationSlot}.
+   * This parameter must be specified.
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  function addSlot(slot: NotificationSlot, callback: AsyncCallback<void>): void;
+
+  /**
+   * Creates a notification slot.
+   *
+   * @param slot Indicates the notification slot to be created, which is set by {@link NotificationSlot}.
+   * This parameter must be specified.
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  function addSlot(slot: NotificationSlot): Promise<void>;
+
+  /**
+   * Adds a slot type.
+   *
+   * @param Slot type to add.
+   */
+  function addSlot(type: SlotType, callback: AsyncCallback<void>): void;
+  function addSlot(type: SlotType): Promise<void>;
+
+  /**
+   * Creates a notification slot.
+   *
+   * @param slots Indicates the notification slots to be created, which is set by {@link NotificationSlot}.
+   * This parameter must be specified.
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  function addSlots(slots: Array<NotificationSlot>, callback: AsyncCallback<void>): void;
+
+  /**
+   * Creates a notification slot.
+   *
+   * @param slots Indicates the notification slots to be created, which is set by {@link NotificationSlot}.
+   * This parameter must be specified.
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  function addSlots(slots: Array<NotificationSlot>): Promise<void>;
+
+  /**
+   * Obtains a notification slot of the specified slot type.
+   *
+   * @param Type of the notification slot to obtain.
+   *
+   * @return Returns the created {@link NotificationSlot}.
+   */
+  function getSlot(slotType: SlotType, callback: AsyncCallback<NotificationSlot>): void;
+  function getSlot(slotType: SlotType): Promise<NotificationSlot>;
+
+  /**
+   * Obtains all NotificationSlot objects created by the current application.
+   *
+   * @return Returns all notification slots of this application.
+   */
+  function getSlots(callback: AsyncCallback<Array<NotificationSlot>>): void;
+  function getSlots(): Promise<Array<NotificationSlot>>;
+
+  /**
+   * Removes a NotificationSlot of the specified SlotType created by the current application.
+   *
+   * @param Type of the NotificationSlot to remove.
+   */
+  function removeSlot(slotType: SlotType, callback: AsyncCallback<void>): void;
+  function removeSlot(slotType: SlotType): Promise<void>;
+
+  /**
+   * Removes all NotificationSlot objects created by the current application.
+   */
+  function removeAllSlots(callback: AsyncCallback<void>): void;
+  function removeAllSlots(): Promise<void>;
+
+  /**
+   * Describes NotificationSlot types.
+   */
+  export enum SlotType {
+    /**
+    * NotificationSlot of an unknown type.
+    */
+    UNKNOWN_TYPE = 0,
+
+    /**
+    * NotificationSlot for social communication.
+    */
+    SOCIAL_COMMUNICATION = 1,
+
+    /**
+    * NotificationSlot for service information.
+    */
+    SERVICE_INFORMATION = 2,
+
+    /**
+    * NotificationSlot for service information.
+    */
+    CONTENT_INFORMATION = 3,
+
+    /**
+    * NotificationSlot for other purposes.
+    */
+    OTHER_TYPES = 0xFFFF,
+  }
+
+  /**
+   * Describes notification content types.
+   *
+   * @name ContentType
+   * @since 7
+   * @sysCap SystemCapability.Notification.ANS
+   * @devices phone, tablet, tv, wearable, car
+   * @permission N/A
+   */
+  export enum ContentType {
+    /**
+    * Normal text notification.
+    */
+    NOTIFICATION_CONTENT_BASIC_TEXT,
+
+    /**
+    * Long text notification.
+    */
+    NOTIFICATION_CONTENT_LONG_TEXT,
+
+    /**
+    * Picture-attached notification.
+    */
+    NOTIFICATION_CONTENT_PICTURE,
+
+    /**
+    * Conversation notification.
+    */
+    NOTIFICATION_CONTENT_CONVERSATION,
+
+    /**
+    * Multi-line text notification.
+    */
+    NOTIFICATION_CONTENT_MULTILINE,
+  }
+
+  /**
+   * Indicates the level of the slot
+   */
+  export enum SlotLevel {
+    /**
+    * Indicates that the notification function is disabled.
+    */
+    LEVEL_NONE = 0,
+
+    /**
+    * Indicates that the notification function is enabled but notification
+    * icons are not displayed in the status bar, with no banner or prompt tone.
+    */
+    LEVEL_MIN = 1,
+
+    /**
+    * Indicates that the notification function is enabled and notification
+    * icons are displayed in the status bar, with no banner or prompt tone.
+    */
+    LEVEL_LOW = 2,
+
+    /**
+    * Indicates that the notification function is enabled and notification
+    * icons are displayed in the status bar, with no banner but with a prompt tone.
+    */
+    LEVEL_DEFAULT = 3,
+
+    /**
+    * Indicates that the notification function is enabled and notification
+    * icons are displayed in the status bar, with a banner and a prompt tone.
+    */
+    LEVEL_HIGH = 4,
+  }
+
+  /**
+   * subscribe
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function subscribe(subscriber: NotificationSubscriber, callback: AsyncCallback<void>): void;
+
+  /**
+   * subscribe
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function subscribe(subscriber: NotificationSubscriber, info: NotificationSubscribeInfo, callback: AsyncCallback<void>): void;
+
+  /**
+   * subscribe
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function subscribe(subscriber: NotificationSubscriber, info?: NotificationSubscribeInfo): Promise<void>;
+
+  /**
+   * unsubscribe
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function unsubscribe(subscriber: NotificationSubscriber, callback: AsyncCallback<void>): void;
+
+  /**
+   * unsubscribe
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function unsubscribe(subscriber: NotificationSubscriber): Promise<void>;
+
+  /**
+   * enableNotification
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function enableNotification(bundle: BundleOption, enable: boolean, callback: AsyncCallback<void>): void;
+
+  /**
+   * enableNotification
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function enableNotification(bundle: BundleOption, enable: boolean): Promise<void>;
+
+  /**
+   * isNotificationEnabled
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  function isNotificationEnabled(bundle: BundleOption, callback: AsyncCallback<boolean>): void;
+
+  /**
+   * isNotificationEnabled
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  function isNotificationEnabled(bundle: BundleOption): Promise<boolean>;
+
+  /**
+   * isNotificationEnabled
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  function isNotificationEnabled(callback: AsyncCallback<boolean>): void;
+
+  /**
+   * isNotificationEnabled
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  function isNotificationEnabled(): Promise<boolean>;
+
+  /**
+   * displayBadge
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  function displayBadge(bundle: BundleOption, enable: boolean, callback: AsyncCallback<void>): void;
+
+  /**
+   * displayBadge
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  function displayBadge(bundle: BundleOption, enable: boolean): Promise<void>;
+
+  /**
+   * isBadgeDisplayed
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  function isBadgeDisplayed(bundle: BundleOption, callback: AsyncCallback<boolean>): void;
+
+  /**
+   * isBadgeDisplayed
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  function isBadgeDisplayed(bundle: BundleOption): Promise<boolean>;
+
+  /**
+   * setSlotByBundle
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function setSlotByBundle(bundle: BundleOption, slot: NotificationSlot, callback: AsyncCallback<void>): void;
+
+  /**
+   * setSlotByBundle
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function setSlotByBundle(bundle: BundleOption, slot: NotificationSlot): Promise<void>;
+
+  /**
+   * getSlotsByBundle
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function getSlotsByBundle(bundle: BundleOption, callback: AsyncCallback<Array<NotificationSlot>>): void;
+
+  /**
+   * getSlotsByBundle
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function getSlotsByBundle(bundle: BundleOption): Promise<Array<NotificationSlot>>;
+
+  /**
+   * getSlotNumByBundle
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  function getSlotNumByBundle(bundle: BundleOption, callback: AsyncCallback<number>): void;
+
+  /**
+   * getSlotNumByBundle
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  function getSlotNumByBundle(bundle: BundleOption): Promise<number>;
+
+  /**
+   * remove
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function remove(bundle: BundleOption, notificationKey: NotificationKey, callback: AsyncCallback<void>): void;
+
+  /**
+   * remove
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function remove(bundle: BundleOption, notificationKey: NotificationKey): Promise<void>;
+
+  /**
+   * remove
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function remove(hashCode: string, callback: AsyncCallback<void>): void;
+
+  /**
+   * remove
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function remove(hashCode: string): Promise<void>;
+
+  /**
+   * removeAll
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function removeAll(bundle: BundleOption, callback: AsyncCallback<void>): void;
+
+  /**
+   * removeAll
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function removeAll(callback: AsyncCallback<void>): void;
+
+  /**
+   * removeAll
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function removeAll(bundle?: BundleOption): Promise<void>;
+
+  /**
+   * Obtains all active notifications in the current system. The caller must have system permissions to
+   * call this method.
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function getAllActiveNotifications(callback: AsyncCallback<Array<NotificationRequest>>): void;
+
+  /**
+   * Obtains all active notifications in the current system. The caller must have system permissions to
+   * call this method.
+   *
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function getAllActiveNotifications(): Promise<Array<NotificationRequest>>;
+
+  /**
+   * Obtains the number of all active notifications.
+   */
+  function getActiveNotificationCount(callback: AsyncCallback<number>): void;
+  function getActiveNotificationCount(): Promise<number>;
+
+  /**
+   * Obtains an array of active notifications.
+   */
+  function getActiveNotifications(callback: AsyncCallback<Array<NotificationRequest>>): void;
+  function getActiveNotifications(): Promise<Array<NotificationRequest>>;
+
+  /**
+   * Describes a BundleOption.
+   */
+  export interface BundleOption {
+    bundle: string;
+    uid?: number;
+  }
+
+  /**
+   * Describes a NotificationKey, which can be used to identify a notification.
+   */
+  export interface NotificationKey {
+    id: number;
+    label?: string;
+  }
+
+  /**
+   * DisturbMode
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  export enum DoNotDisturbMode {
+    ALLOW_UNKNOWN,
+
+    /**
+     * Indicates that all notifications are allowed to interrupt the user in Do Not Disturb mode.
+     */
+    ALLOW_ALL,
+
+    /**
+     * Indicates that only notifications meeting the specified priority criteria are allowed to interrupt
+     * the user in Do Not Disturb mode.
+     */
+    ALLOW_PRIORITY,
+
+    /**
+     * Indicates that no notifications are allowed to interrupt the user in Do Not Disturb mode.
+     */
+    ALLOW_NONE,
+
+    /**
+     * Indicates that only notifications of the {@link NotificationRequest#CLASSIFICATION_ALARM} category
+     * are allowed to interrupt the user in Do Not Disturb mode.
+     */
+    ALLOW_ALARMS
+  }
+}
+
+export default notification;
diff --git a/api/@ohos.process.d.ts b/api/@ohos.process.d.ts
index 845c97fe98c04e51cb556a9c5d03208bbe1628e3..c960ef96ada4a88c483e97e7f7fa58c755fd363b 100644
--- a/api/@ohos.process.d.ts
+++ b/api/@ohos.process.d.ts
@@ -13,68 +13,336 @@
 * limitations under the License.
 */
 
+/**
+* The process is mainly used to obtain the relevant ID of the process, obtain and modify
+* the working directory of the process, exit and close the process.
+* @since 7
+* @sysCap SystemCapability.CCRuntime
+* @devices phone, tablet, tv, wearable, car
+* @import import url from '@ohos.process';
+*/
+
 declare namespace process {
 
     export interface ChildProcess {
+        /**
+        * return pid is the pid of the current process
+        * @since 7
+        * @sysCap SystemCapability.CCRuntime
+        * @systemapi Hide this for inner system use
+        * @return return the pid of the current process.
+        */
         readonly pid: number;
+        /**
+        * return ppid is the pid of the current child process
+        * @since 7
+        * @sysCap SystemCapability.CCRuntime
+        * @systemapi Hide this for inner system use
+        * @return return the pid of the current child process.
+        */
         readonly ppid: number;
+
+        /**
+        * return exitCode is the exit code of the current child process
+        * @since 7
+        * @sysCap SystemCapability.CCRuntime
+        * @systemapi Hide this for inner system use
+        * @return return the exit code of the current child process.
+        */
         readonly exitCode: number;
+
+        /**
+        * return boolean is whether the current process signal is sent successfully
+        * @since 7
+        * @sysCap SystemCapability.CCRuntime
+        * @systemapi Hide this for inner system use
+        * @return return whether the current process signal is sent successfully.
+        */
         readonly killed: boolean;
 
+        /**
+        * return 'number' is the targer process exit code
+        * @since 7
+        * @sysCap SystemCapability.CCRuntime
+        * @systemapi Hide this for inner system use
+        * @return return the targer process exit code.
+        */
         wait(): Promise<number>;
+
         /**
-        * Buffer the stdout until EOF and return it as 'Uint8Array'
+        * return it as 'Uint8Array' of the stdout until EOF
+        * @since 7
+        * @sysCap SystemCapability.CCRuntime
+        * @systemapi Hide this for inner system use
+        * @return return subprocess standard outpute.
         */
         getOutput(): Promise<Uint8Array>;
+
         /**
-        * Buffer the stderr until EOF and return it as 'Uint8Array'
+        * return it as 'Uint8Array of the stderr until EOF
+        * @since 7
+        * @sysCap SystemCapability.CCRuntime
+        * @systemapi Hide this for inner system use
+        * @return return subprocess standard error output.
         */
         getErrorOutput(): Promise<Uint8Array>;
+
         /**
         * close the target process
+        * @since 7
+        * @sysCap SystemCapability.CCRuntime
+        * @systemapi Hide this for inner system use
         */
         close(): void;
+
         /**
         * send a signal to process
+        * @since 7
+        * @sysCap SystemCapability.CCRuntime
+        * @systemapi Hide this for inner system use
+        * @param signal number or string represents the signal sent.
         */
-        kill(signo: number): void;
+        kill(signal: number | string): void;
     }
+
     /**
-    * spawns a new ChildProcess to run the command
+    * returns the numeric valid group ID of the process
+    * @since 7
+    * @sysCap SystemCapability.CCRuntime
+    * @systemapi Hide this for inner system use
+    * @return return the numeric valid group ID of the process.
     */
-    function runCmd(command: string, options?: RunOptions): ChildProcess;
+    const egid: number;
 
-    function getPid(): number;
-    function getPpid(): number;
+    /**
+    * return the numeric valid user identity of the process
+    * @since 7
+    * @sysCap SystemCapability.CCRuntime
+    * @systemapi Hide this for inner system use
+    * @return return the numeric valid user identity of the process.
+    */
+    const euid: number;
+
+    /**
+    * returns the numeric group id of the process
+    * @since 7
+    * @sysCap SystemCapability.CCRuntime
+    * @systemapi Hide this for inner system use
+    * @return return the numeric group if of the process.
+    */
+    const gid: number
+
+    /**
+    * returns the digital user id of the process
+    * @since 7
+    * @sysCap SystemCapability.CCRuntime
+    * @return return the digital user id of the process.
+    */
+    const uid: number;
+
+    /**
+    * return an array with supplementary group id
+    * @since 7
+    * @sysCap SystemCapability.CCRuntime
+    * @systemapi Hide this for inner system use
+    * @return return an array with supplementary group id.
+    */
+    const groups: number[];
 
     /**
-    *abort current process
-    *@return void
+    * return pid is The pid of the current process
+    * @since 7
+    * @sysCap SystemCapability.CCRuntime
+    * @return return The pid of the current process.
+    */
+    const pid: number;
+
+    /**
+    * return ppid is The pid of the current child process
+    * @since 7
+    * @sysCap SystemCapability.CCRuntime
+    * @systemapi Hide this for inner system use
+    * @return return The pid of the current child processs.
+    */
+    const ppid: number;
+    
+    /** 
+    * Returns the tid of the current thread.
+    * @since 8
+    * @sysCap SystemCapability.CCRuntime
+    * @return return the tid of the current thread.
+    */
+    const tid: number;
+
+    /** 
+    * Returns a boolean whether the process is isolated.
+    * @since 8
+    * @sysCap SystemCapability.CCRuntime
+    * @return return boolean whether the process is isolated.
+    */
+    function isIsolatedProcess(): boolean;
+
+    /**
+    * Returns a boolean whether the specified uid belongs to a particular application.
+    * @since 8
+    * @sysCap SystemCapability.CCRuntime
+    * @param v An id.
+    * @return return a boolean whether the specified uid belongs to a particular application.
+    */
+    function isAppUid(v: number): boolean;
+
+    /**
+    * Returns a boolean whether the process is running in a 64-bit environment.
+    * @since 8
+    * @sysCap SystemCapability.CCRuntime
+    * @return return a boolean whether the process is running in a 64-bit environment.
+    */
+    function is64Bit(): boolean;
+
+    /** 
+    * Returns the uid based on the specified user name.
+    * @since 8
+    * @sysCap SystemCapability.CCRuntime
+    * @param v Process name.
+    * @return return the uid based on the specified user name.
+    */
+    function getUidForName(v: string): number;
+
+    /** 
+    * Returns the thread priority based on the specified tid.
+    * @since 8
+    * @sysCap SystemCapability.CCRuntime
+    * @param v The tid of the process.
+    * @return Return the thread priority based on the specified tid.
+    */
+    function getThreadPriority(v: number): number;
+
+    /** 
+    * Returns the elapsed real time (in milliseconds) taken from the start of the system to the start of the process.
+    * @since 8
+    * @sysCap SystemCapability.CCRuntime
+    * @return Return the start of the system to the start of the process.
+    */
+    function getStartRealtime(): number;
+
+    /** 
+    * Returns cpu cores available for the current process on a multi-core device.
+    * @since 8
+    * @sysCap SystemCapability.CCRuntime
+    * @return Return cpu cores available for the current process on a multi-core device.
+    */
+    function getAvailableCores​(): number[];
+
+    /** 
+    * Returns the cpu time (in milliseconds) from the time when the process starts to the current time.
+    * @since 8
+    * @sysCap SystemCapability.CCRuntime
+    * @return Return the cpu time (in milliseconds) from the time when the process starts to the current time.
+    */
+    function getPastCpuTime(): number;
+
+    /** 
+    * Returns the system configuration at runtime.
+    * @since 8
+    * @sysCap SystemCapability.CCRuntime
+    * @param name Parameters defined by the system configuration.
+    * @return Return the system configuration at runtime.
+    */
+    function getSystemConfig(name: number): number;
+
+    /** 
+    * Returns the system value for environment variables.
+    * @since 8
+    * @sysCap SystemCapability.CCRuntime
+    * @param name Parameters defined by the system environment variables.
+    * @Returns the system value for environment variables.
+    */
+    function getEnvironmentVar(name: string): string;
+
+    type EventListener = (evt: Object) => void;
+    /**
+    * Return a child process object and spawns a new ChildProcess to run the command
+    * @since 7
+    * @sysCap SystemCapability.CCRuntime
+    * @param command string of the shell commands executed by the child process.
+    * @param options This is an object. The object contains three parameters. Timeout is the running time of the child
+    * process, killSignal is the signal sent when the child process reaches timeout, and maxBuffer is the size of the
+    * maximum buffer area for standard input and output.
+    * @systemapi Hide this for inner system use
+    * @return Return a child process object.
+    */
+    function runCmd(command: string,
+        options?: { timeout : number, killSignal : number | string, maxBuffer : number }): ChildProcess;
+
+    /**
+    * Abort current process
+    * @since 7
+    * @sysCap SystemCapability.CCRuntime
     */
     function abort(): void;
 
+    /**
+    * Register for an event
+    * @since 7
+    * @sysCap SystemCapability.CCRuntime
+    * @param type Indicates the type of event registered.
+    * @systemapi Hide this for inner system use
+    * @param listener Represents the registered event function
+    */
     function on(type: string, listener: EventListener): void;
-    function exit(code?:number): void;
 
     /**
-    *get current work directory;
+    * Remove registered event
+    * @since 7
+    * @sysCap SystemCapability.CCRuntime
+    * @param type Remove the type of registered event.
+    * @systemapi Hide this for inner system use
+    * @return Return removed result.
+    */
+    function off(type: string): boolean;
+
+    /**
+    * Process exit
+    * @since 7
+    * @sysCap SystemCapability.CCRuntime
+    * @param code Process exit code.
+    */
+    function exit(code: number): void;
+
+    /**
+    * Return the current work directory;
+    * @since 7
+    * @sysCap SystemCapability.CCRuntime
+    * @systemapi Hide this for inner system use
+    * @return Return the current work directory.
     */
     function cwd(): string;
-    
+ 
     /**
-    *change current  directory
-    *@param dir
+    * Change current  directory
+    * @since 7
+    * @sysCap SystemCapability.CCRuntime
+    * @systemapi Hide this for inner system use
+    * @param dir The path you want to change.
     */
     function chdir(dir: string): void;
 
-    function getEgid(): number;
-    function getEuid(): number;
-
-    function getGid(): number
-    function getUid(): number;
+    /**
+    * Returns the running time of the system
+    * @since 7
+    * @sysCap SystemCapability.CCRuntime
+    * @return Return the running time of the system.
+    */
     function uptime(): number;
 
-    function getGroups(): number[];
-    function kill(signal?: number, pid?: number): boolean;
+    /**
+    * Return whether the signal was sent successfully
+    * @since 7
+    * @sysCap SystemCapability.CCRuntime
+    * @param signal Signal sent.
+    * @param pid Send signal to target pid.
+    * @return Return the result of the signal.
+    */
+    function kill(signal: number, pid: number): boolean;
 }
 export default process;
\ No newline at end of file
diff --git a/api/@ohos.resourceManager.d.ts b/api/@ohos.resourceManager.d.ts
index d0d14d0487586d248f9c0dbe31a15a1d936bc4a8..1ac9bab934005119d392473558078dbec9263d9e 100644
--- a/api/@ohos.resourceManager.d.ts
+++ b/api/@ohos.resourceManager.d.ts
@@ -13,6 +13,12 @@
  * limitations under the License.
  */
 
+/**
+ * Provides resource related APIs.
+ *
+ * @since 6
+ * @devices phone, tablet, tv, wearable, car
+ */
 declare namespace resmgr {
 /**
  * Enumerates screen directions.
diff --git a/api/@ohos.rpc.d.ts b/api/@ohos.rpc.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..12d1165fd84efed9ac00deeed1ca96aaeeea6984
--- /dev/null
+++ b/api/@ohos.rpc.d.ts
@@ -0,0 +1,1196 @@
+/*
+ * 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.
+ */
+
+/**
+ * A data object used for remote procedure call (RPC).
+ * <p>
+ * During RPC, the sender can use the write methods provided by {@link MessageParcel} to
+ * write the to-be-sent data into a {@link MessageParcel} object in a specific format, and the receiver can use the
+ * read methods provided by {@link MessageParcel} to read data of the specific format from the {@link MessageParcel} object.
+ * <p>
+ * <p>
+ * The default capacity of a {@link MessageParcel} instance is 200KB. If you want more or less, use {@link #setCapacity(int)}
+ * to change it.
+ * </p>
+ * <b>Note</b>: Only data of the following data types can be written into or read from a {@link MessageParcel}: byte,
+ * byteArray, short, shortArray, int, intArray, long, longArray, float, floatArray, double, doubleArray, boolean,
+ * booleanArray, char, charArray, String, StringArray, {@link PlainBooleanArray}, {@link Serializable},
+ * {@link Sequenceable}, and SequenceableArray.
+ *
+ * @since 7
+ * @sysCap SystemCapability.RPC
+ * @devices phone, tablet, tv, wearable, car
+ * @import import rpc from '@ohos.rpc';
+ */
+
+declare namespace rpc {
+    class MessageParcel {
+        /**
+         * Creates an empty {@link MessageParcel} object with index 0.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        static create(): MessageParcel;
+
+        /**
+         * Clears data in the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        reclaim(): void;
+
+        /**
+         * Serializes a remote object and writes it to the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeRemoteObject(object: IRemoteObject): boolean;
+
+        /**
+         * Reads a remote object from {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readRemoteObject(): IRemoteObject;
+
+        /**
+         * Writes an interface token into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns {@code true} if the interface token has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeInterfaceToken(token: string): boolean;
+
+        /**
+         * Reads an interface token from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a string value.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readInterfaceToken(): string;
+
+        /**
+         * Obtains the size of data (in bytes) contained in the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns the size of data contained in the {@link MessageParcel} object.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        getSize(): number;
+
+        /**
+         * Obtains the storage capacity (in bytes) of the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns the storage capacity of the {@link MessageParcel} object.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        getCapacity(): number;
+
+        /**
+         * Sets the size of data (in bytes) contained in the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * <p>{@code false} is returned if the data size set in this method is greater
+         * than the storage capacity of the {@link MessageParcel}.
+         *
+         * @param size Indicates the data size of the {@link MessageParcel} object.
+         * @return Returns {@code true} if the setting is successful; returns {@code false} otherwise.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        setSize(size: number): boolean;
+
+        /**
+         * Sets the storage capacity (in bytes) of the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * <p>{@code false} is returned if the capacity set in this method is less than
+         * the size of data contained in the {@link MessageParcel}.
+         *
+         * @param size Indicates the storage capacity of the {@link MessageParcel} object.
+         * @return Returns {@code true} if the setting is successful; returns {@code false} otherwise.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        setCapacity(size: number): boolean;
+
+        /**
+         * Obtains the writable data space (in bytes) in the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * <p>Writable data space = Storage capacity of the {@link MessageParcel} - Size of data contained in the {@link MessageParcel}.
+         * 
+         * @return Returns the writable data space of the {@link MessageParcel} object.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        getWritableBytes(): number;
+
+        /**
+         * Obtains the readable data space (in bytes) in the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * <p>Readable data space = Size of data contained in the {@link MessageParcel} - Size of data that has been read.
+         * 
+         * @return Returns the readable data space of the {@link MessageParcel} object.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        getReadableBytes(): number;
+
+        /**
+         * Obtains the current read position in the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns the current read position in the {@link MessageParcel} object.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        getReadPosition(): number;
+
+        /**
+         * Obtains the current write position in the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns the current write position in the {@link MessageParcel} object.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        getWritePosition(): number;
+
+        /**
+         * Changes the current read position in the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * <p>Generally, you are advised not to change the current read position. If you must
+         * change it, change it to an accurate position. Otherwise, the read data may be incorrect.
+         *
+         * @param pos Indicates the target position to start data reading.
+         * @return Returns {@code true} if the read position is changed; returns {@code false} otherwise.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        rewindRead(pos: number): boolean;
+
+        /**
+         * Changes the current write position in the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * <p>Generally, you are advised not to change the current write position. If you must
+         * change it, change it to an accurate position. Otherwise, the data to be read may be incorrect.
+         *
+         * @param pos Indicates the target position to start data writing.
+         * @return Returns {@code true} if the write position is changed; returns {@code false} otherwise.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        rewindWrite(pos: number): boolean;
+
+        /**
+         * Writes a byte value into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param val Indicates the byte value to write.
+         * @return Returns {@code true} if the value has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeByte(val: number): boolean;
+
+        /**
+         * Writes a short integer value into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param val Indicates the short integer value to write.
+         * @return Returns {@code true} if the value has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeShort(val: number): boolean;
+
+        /**
+         * Writes an integer value into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param val Indicates the integer value to write.
+         * @return Returns {@code true} if the value has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeInt(val: number): boolean;
+
+        /**
+         * Writes a long integer value into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param val Indicates the long integer value to write.
+         * @return Returns {@code true} if the value has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeLong(val: number): boolean;
+
+        /**
+         * Writes a floating point value into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param val Indicates the floating point value to write.
+         * @return Returns {@code true} if the value has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeFloat(val: number): boolean;
+
+        /**
+         * Writes a double-precision floating point value into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param val Indicates the double-precision floating point value to write.
+         * @return Returns {@code true} if the value has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeDouble(val: number): boolean;
+
+        /**
+         * Writes a boolean value into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param val Indicates the boolean value to write.
+         * @return Returns {@code true} if the value has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeBoolean(val: boolean): boolean;
+
+        /**
+         * Writes a single character value into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param val Indicates the single character value to write.
+         * @return Returns {@code true} if the value has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeChar(val: number): boolean;
+
+        /**
+         * Writes a string value into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param val Indicates the string value to write.
+         * @return Returns {@code true} if the value has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeString(val: string): boolean;
+
+        /**
+         * Writes a {@link Sequenceable} object into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param val Indicates the {@link Sequenceable} object to write.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeSequenceable(val: Sequenceable): boolean;
+
+        /**
+         * Writes a byte array into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param byteArray Indicates the byte array to write.
+         * @return Returns {@code true} if the array has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeByteArray(byteArray: number[]): boolean;
+
+        /**
+         * Writes a short integer array into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param shortArray Indicates the short integer array to write.
+         * @return Returns {@code true} if the array has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeShortArray(shortArray: number[]): boolean;
+
+        /**
+         * Writes an integer array into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param intArray Indicates the integer array to write.
+         * @return Returns {@code true} if the array has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeIntArray(intArray: number[]): boolean;
+
+        /**
+         * Writes a long integer array into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param longArray Indicates the long integer array to write.
+         * @return Returns {@code true} if the array has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeLongArray(longArray: number[]): boolean;
+
+        /**
+         * Writes a floating point array into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param floatArray Indicates the floating point array to write.
+         * @return Returns {@code true} if the array has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeFloatArray(floatArray: number[]): boolean;
+
+        /**
+         * Writes a double-precision floating point array into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param doubleArray Indicates the double-precision floating point array to write.
+         * @return Returns {@code true} if the array has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeDoubleArray(doubleArray: number[]): boolean;
+
+        /**
+         * Writes a boolean array into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param booleanArray Indicates the boolean array to write.
+         * @return Returns {@code true} if the array has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeBooleanArray(booleanArray: boolean[]): boolean;
+
+        /**
+         * Writes a single character array into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param charArray Indicates the single character array to write.
+         * @return Returns {@code true} if the array has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeCharArray(charArray: number[]): boolean;
+
+        /**
+         * Writes a string array into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param stringArray Indicates the string array to write.
+         * @return Returns {@code true} if the array has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeStringArray(stringArray: string[]): boolean;
+
+        /**
+         * Writes a {@link Sequenceable} object array into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param sequenceableArray Indicates the {@link Sequenceable} object array to write.
+         * @return Returns {@code true} if the array has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this parcel is insufficient,
+         *         exception message: {@link ParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        writeSequenceableArray(sequenceableArray: Sequenceable[]): boolean;
+
+        /**
+         * Reads a byte value from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a byte value.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readByte(): number;
+
+        /**
+         * Reads a short integer value from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a short integer value.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readShort(): number;
+
+        /**
+         * Reads an integer value from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns an integer value.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readInt(): number;
+
+        /**
+         * Reads a long integer value from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a long integer value.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readLong(): number;
+
+        /**
+         * Reads a floating point value from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a floating point value.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readFloat(): number;
+
+        /**
+         * Reads a double-precision floating point value from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a double-precision floating point value.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readDouble(): number;
+
+        /**
+         * Reads a boolean value from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a boolean value.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readBoolean(): boolean;
+
+        /**
+         * Reads a single character value from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a single character value.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readChar(): number;
+
+        /**
+         * Reads a string value from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a string value.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readString(): string;
+
+        /**
+         * Reads a short string value from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a short string value.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readSequenceable(dataIn: Sequenceable) : boolean;
+
+        /**
+         * Writes a byte array into the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param dataIn Indicates the byte array to write.
+         * @return Returns {@code true} if the array has been written into the {@link MessageParcel};
+         *         returns {@code false} otherwise.
+         * @throws ParcelException When capacity in this MessageParcel is insufficient,
+         *         exception message: {@link MessageParcelException#NO_CAPACITY_ERROR}.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readByteArray(dataIn: number[]) : void;
+
+        /**
+         * Reads a byte array from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a byte array.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readByteArray(): number[];
+
+        /**
+         * Reads all bytes from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * <p>This method is different from the {@code readByteArray} method. In this method,
+         * the {@code MessageParcel} cannot call other methods to read data, and this method can only
+         * read data written by using {@link #writeBytes}.
+         * @return Returns the bytes.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readShortArray(dataIn: number[]) : void;
+
+        /**
+         * Reads a short integer array from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a short integer array.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readShortArray(): number[];
+
+        /**
+         * Reads an integer array from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param dataIn Indicates the integer array to read.
+         * @throws ParcelException Throws this exception if reading the integer array fails.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readIntArray(dataIn: number[]) : void;
+
+        /**
+         * Reads an integer array from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns an integer array.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readIntArray(): number[];
+
+        /**
+         * Reads a long integer array from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param dataIn Indicates the long integer array to read.
+         * @throws ParcelException Throws this exception if reading the long array fails.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readLongArray(dataIn: number[]) : void;
+
+        /**
+         * Reads a long integer array from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a long integer array.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readLongArray(): number[];
+
+        /**
+         * Reads a floating point array from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param dataIn Indicates the floating point array to read.
+         * @throws ParcelException Throws this exception if reading the float array fails.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readFloatArray(dataIn: number[]) : void;
+
+        /**
+         * Reads a floating point array from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a floating point array.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readFloatArray(): number[];
+
+        /**
+         * Reads a double-precision floating point array from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param dataIn Indicates the double-precision floating point array to read.
+         * @throws ParcelException Throws this exception if reading the double array fails.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readDoubleArray(dataIn: number[]) : void;
+
+        /**
+         * Reads a double-precision floating point array from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a double-precision floating point array.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readDoubleArray(): number[];
+
+        /**
+         * Reads a boolean array from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param dataIn Indicates the boolean array to read.
+         * @throws ParcelException Throws this exception if reading the boolean array fails.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readBooleanArray(dataIn: boolean[]) : void;
+
+        /**
+         * Reads a boolean array from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a boolean array.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readBooleanArray(): boolean[];
+
+        /**
+         * Reads a single character array from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param dataIn Indicates the single character array to read.
+         * @throws ParcelException Throws this exception if reading the char array fails.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readCharArray(dataIn: boolean[]) : void;
+
+        /**
+         * Reads a single character array from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a single character array.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readCharArray(): boolean[];
+
+        /**
+         * Reads a string array from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @param dataIn Indicates the string array to read.
+         * @throws ParcelException Throws this exception if reading the string array fails.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readStringArray(dataIn: string[]) : void;
+
+        /**
+         * Reads a string array from the {@link MessageParcel} object.
+         * @sysCap SystemCapability.RPC_MessageParcel
+         * @return Returns a string array.
+         * @devices phone, tablet, tv, wearable, car
+         * @since 7
+         */
+        readStringArray(): string[];
+    }
+
+    interface Sequenceable {
+         /**
+          * Marshals this {@code Sequenceable} object into a {@link MessageParcel}.
+          *
+          * @sysCap SystemCapability.RPC_Sequenceable
+          * @param dataOut Indicates the {@link MessageParcel} object to which the {@code Sequenceable}
+          *        object will be marshaled..
+          * @return Returns {@code true} if the marshalling is successful; returns {@code false} otherwise.
+          * @throws ParcelException Throws this exception if the operation fails.
+          * @devices phone, tablet, tv, wearable, car
+          * @since 7
+          */
+         marshalling(dataOut: MessageParcel): boolean;
+
+         /**
+          * Unmarshals this {@code Sequenceable} object from a {@link MessageParcel}.
+          *
+          * @sysCap SystemCapability.RPC_Sequenceable
+          * @param dataIn Indicates the {@link MessageParcel} object into which the {@code Sequenceable}
+          *        object has been marshaled..
+          * @return Returns {@code true} if the unmarshalling is successful; returns {@code false} otherwise.
+          * @throws ParcelException Throws this exception if the operation fails.
+          * @devices phone, tablet, tv, wearable, car
+          * @since 7
+          */
+         unmarshalling(dataIn: MessageParcel) : boolean;
+    }
+
+    interface IRemoteObject {
+        /**
+         * Queries the description of an interface.
+         *
+         * <p>A valid {@link IRemoteBroker} object is returned for an interface used by the service provider;
+         * {@code null} is returned for an interface used by the service user,
+         * indicating that the interface is not a local one.
+         *
+         * @param descriptor Indicates a string of the interface descriptor.
+         * @return Returns the {@link IRemoteBroker} object bound to the specified interface descriptor.
+         * @since 7
+         */
+        queryLocalInterface(descriptor: string): IRemoteBroker;
+
+        /**
+         * Sends a {@link MessageParcel} message to the peer process in synchronous or asynchronous mode.
+         *
+         * <p>If asynchronous mode is set for {@code option}, a response is returned immediately.
+         * If synchronous mode is set for {@code option}, the interface will wait for a response from the peer process
+         * until the request times out. The user must prepare {@code reply} for receiving the execution result
+         * given by the peer process.
+         *
+         * @param code Indicates the message code, which is determined by both sides of the communication.
+         * If the interface is generated by the IDL tool, the message code is automatically generated by IDL.
+         * @param data Indicates the {@link MessageParcel} object sent to the peer process.
+         * @param reply Indicates the {@link MessageParcel} object returned by the peer process.
+         * @param options Indicates the synchronous or asynchronous mode to send messages.
+         * @return Returns a promise.
+         * @throws RemoteException Throws this exception if the method fails to be called.
+         * @since 7
+         */
+        sendRequest(code: number, data: MessageParcel, reply: MessageParcel, options: MessageOption): Promise<void>;
+
+        /**
+         * Registers a callback used to receive notifications of the death of a remote object.
+         *
+         * <p>This method is called if the remote object process matching the {@link RemoteProxy} object dies.
+         *
+         * @param recipient Indicates the callback to be registered.
+         * @param flags Indicates the flag of the death notification.
+         * @return Returns {@code true} if the callback is registered successfully; returns {@code false} otherwise.
+         * @since 7
+         */
+        addDeathRecipient(recipient: DeathRecipient, flags: number): boolean;
+
+        /**
+         * Deregisters a callback used to receive notifications of the death of a remote object.
+         *
+         * @param recipient Indicates the callback to be deregistered.
+         * @param flags Indicates the flag of the death notification.
+         * @return Returns {@code true} if the callback is deregistered successfully; returns {@code false} otherwise.
+         * @since 7
+         */
+        removeDeathRecipient(recipient: DeathRecipient, flags: number): boolean;
+
+        /**
+         * Obtains the interface descriptor of an object.
+         *
+         * <p>The interface descriptor is a character string.
+         *
+         * @return Returns the interface descriptor.
+         * @since 7
+         */
+        getInterfaceDescriptor(): string;
+
+        /**
+         * Checks whether an object is dead.
+         *
+         * @return Returns {@code true} if the object is dead; returns {@code false} otherwise.
+         * @since 7
+         */
+        isObjectDead(): boolean;
+    }
+
+    interface IRemoteBroker {
+        /**
+         * Obtains a proxy or remote object. This method must be implemented by its derived classes.
+         *
+         * @return Returns the RemoteObject if the caller is a RemoteObject; returns the IRemoteObject,
+         * that is, the holder of this RemoteProxy object, if the caller is a RemoteProxy object.
+         * @since 7
+         */
+        asObject(): IRemoteObject;
+    }
+
+    interface DeathRecipient {
+        /**
+         * Called to perform subsequent operations when a death notification of the remote object is received.
+         *
+         * @since 7
+         */
+        onRemoteDied(): void;
+    }
+
+    class MessageOption {
+        /**
+         * Indicates synchronous call.
+         */
+        TF_SYNC = 0,
+
+        /**
+         * Indicates asynchronous call.
+         */
+        TF_ASYNC = 1,
+
+        /**
+         * Indicates the sendRequest API for returning the file descriptor.
+         */
+        TF_ACCEPT_FDS = 0x10,
+
+        /**
+         * Indicates the wait time for RPC, in seconds.
+         */
+        TF_WAIT_TIME = 8,
+
+        /**
+         * A constructor used to create a MessageOption instance.
+         *
+         * @param syncFlags Specifies whether the SendRequest is called synchronously (default) or asynchronously.
+         * @param waitTime Maximum wait time for a RPC call. The default value is TF_WAIT_TIME.
+         * @since 7
+         */
+        constructor(syncFlags?: number, waitTime = TF_WAIT_TIME);
+
+        /**
+         * Obtains the SendRequest call flag, which can be synchronous or asynchronous.
+         *
+         * @return Returns whether the SendRequest is called synchronously or asynchronously.
+         * @since 7
+         */
+        getFlags(): number;
+
+        /**
+         * Sets the SendRequest call flag, which can be synchronous or asynchronous.
+         *
+         * @param flags Indicates the call flag, which can be synchronous or asynchronous.
+         * @since 7
+         */
+        setFlags(flags: number): void;
+
+        /**
+         * Obtains the maximum wait time for this RPC call.
+         *
+         * @return Returns maximum wait time obtained.
+         * @since 7
+         */
+        getWaitTime(): number;
+
+        /**
+         * Sets the maximum wait time for this RPC call.
+         *
+         * @param waitTime Indicates maximum wait time to set.
+         * @since 7
+         */
+        setWaitTime(waitTime: number): void;
+    }
+
+    class RemoteObject implements IRemoteObject {
+        /**
+         * A constructor to create a RemoteObject instance.
+         *
+         * @param descriptor Specifies interface descriptor.
+         * @since 7
+         */
+        constructor(descriptor: string);
+
+        /**
+         * Queries a remote object using an interface descriptor.
+         *
+         * @param descriptor Indicates the interface descriptor used to query the remote object.
+         * @return Returns the remote object matching the interface descriptor; returns null
+         * if no such remote object is found.
+         * @since 7
+         */
+        queryLocalInterface(interface: string): IRemoteObject;
+
+        /**
+         * Queries an interface descriptor.
+         *
+         * @return Returns the interface descriptor.
+         * @since 7
+         */
+        getInterfaceDescriptor(): string;
+
+        /**
+         * Sets an entry for receiving requests.
+         *
+         * <p>This method is implemented by the remote service provider. You need to override this method with
+         * your own service logic when you are using IPC.
+         *
+         * @param code Indicates the service request code sent from the peer end.
+         * @param data Indicates the {@link MessageParcel} object sent from the peer end.
+         * @param reply Indicates the response message object sent from the remote service.
+         * The local service writes the response data to the {@link MessageParcel} object.
+         * @param options Indicates whether the operation is synchronous or asynchronous.
+         * @return Returns {@code true} if the operation succeeds; returns {@code false} otherwise.
+         * @throws RemoteException Throws this exception if a remote service error occurs.
+         * @since 7
+         */
+        onRemoteRequest(code: number, data: MessageParcel, reply: MessageParcel, options: MessageOption): boolean;
+
+        /**
+         * Sends a request to the peer object.
+         *
+         * <p>If the peer object and {@code RemoteObject} are on the same device, the request is sent by the IPC driver.
+         * If they are on different devices, the request is sent by the socket driver.
+         *
+         * @param code Indicates the message code of the request.
+         * @param data Indicates the {@link MessageParcel} object storing the data to be sent.
+         * @param reply Indicates the {@link MessageParcel} object receiving the response data.
+         * @param options Indicates a synchronous (default) or asynchronous request.
+         * @return Returns a promise.
+         * @since 7
+         */
+        sendRequest(code: number, data: MessageParcel, reply: MessageParcel, options: MessageOption): Promise<void>;
+
+        /**
+         * Obtains the PID of the {@link RemoteProxy} object.
+         *
+         * @return Returns the PID of the {@link RemoteProxy} object.
+         * @since 7
+         */
+        getCallingPid(): number;
+
+        /**
+         * Obtains the UID of the {@link RemoteProxy} object.
+         *
+         * @return Returns the UID of the {@link RemoteProxy} object.
+         * @since 7
+         */
+        getCallingUid(): number;
+
+        /**
+         * Modifies the description of the current {@code RemoteObject}.
+         *
+         * <p>This method is used to change the default descriptor specified during the creation of {@code RemoteObject}.
+         *
+         * @param localInterface Indicates the {@code RemoteObject} whose descriptor is to be changed.
+         * @param descriptor Indicates the new descriptor of the {@code RemoteObject}.
+         * @since 7
+         */
+        attachLocalInterface(localInterface: IRemoteBroker, descriptor: string): void;
+    }
+
+    class RemoteProxy implements IRemoteObject {
+        /**
+         * Indicates the message code for a Ping operation.
+         */
+        PING_TRANSACTION = ('_' << 24) | ('P' << 16) | ('N' << 8) | 'G',
+
+        /**
+         * Indicates the message code for a dump operation.
+         */
+        DUMP_TRANSACTION = ('_' << 24) | ('D' << 16) | ('M' << 8) | 'P',
+
+        /**
+         * Indicates the message code for a transmission.
+         */
+        INTERFACE_TRANSACTION = ('_' << 24) | ('N' << 16) | ('T' << 8) | 'F',
+
+        /**
+         * Indicates the minimum value of a valid message code.
+         *
+         * <p>This constant is used to check the validity of an operation.
+         */
+        MIN_TRANSACTION_ID = 0x1,
+
+        /**
+         * Indicates the maximum value of a valid message code.
+         *
+         * <p>This constant is used to check the validity of an operation.
+         */
+        MAX_TRANSACTION_ID = 0x00FFFFFF,
+
+        /**
+         * Queries a local interface with a specified descriptor.
+         *
+         * @param descriptor Indicates the descriptor of the interface to query.
+         * @return Returns null by default, indicating a proxy interface.
+         * @since 7
+         */
+        queryLocalInterface(interface: string): IRemoteObject;
+
+        /**
+         * Registers a callback used to receive death notifications of a remote object.
+         *
+         * @param recipient Indicates the callback to be registered.
+         * @param flags Indicates the flag of the death notification. This is a reserved parameter. Set it to {@code 0}.
+         * @return Returns {@code true} if the callback is registered successfully; returns {@code false} otherwise.
+         * @since 7
+         */
+        addDeathRecipient(recipient: DeathRecipient, flags: number): boolean;
+
+        /**
+         * Deregisters a callback used to receive death notifications of a remote object.
+         *
+         * @param recipient Indicates the callback to be deregistered.
+         * @param flags Indicates the flag of the death notification. This is a reserved parameter. Set it to {@code 0}.
+         * @return Returns {@code true} if the callback is deregistered successfully; returns {@code false} otherwise.
+         * @since 7
+         */
+        removeDeathRecipient(recipient: DeathRecipient, flags: number): boolean;
+
+        /**
+         * Queries the interface descriptor of remote object.
+         *
+         * @return Returns the interface descriptor.
+         * @since 7
+         */
+        getInterfaceDescriptor(): string;
+
+        /**
+         * Sends a request to the peer object.
+         *
+         * <p>If the peer object and {@code RemoteProxy} are on the same device, the request is sent by the IPC driver.
+         * If they are on different devices, the request is sent by the socket driver.
+         *
+         * @param code Indicates the message code of the request.
+         * @param data Indicates the {@link MessageParcel} object storing the data to be sent.
+         * @param reply Indicates the {@link MessageParcel} object receiving the response data.
+         * @param options Indicates a synchronous (default) or asynchronous request.
+         * @return Returns a promise.
+         * @throws RemoteException Throws this exception if a remote object exception occurs.
+         * @since 7
+         */
+        sendRequest(code: number, data: MessageParcel, reply: MessageParcel, options: MessageOption): Promise<void>;
+
+        /**
+         * Checks whether the {@code RemoteObject} corresponding to a {@code RemoteProxy} is dead.
+         *
+         * @return Returns {@code true} if the {@code RemoteObject} is dead; returns {@code false} otherwise.
+         * @since 7
+         */
+        isObjectDead(): boolean;
+    }
+
+    class IPCSkeleton {
+        /**
+         * Obtains a local {@link IRemoteObject} reference of a registered service.
+         *
+         * <p>This method is static.
+         *
+         * @return Returns an {@link IRemoteObject} reference of the registered service.
+         * @since 7
+         */
+        static getContextObject(): IRemoteObject;
+
+        /**
+         * Obtains the PID of a proxy.
+         *
+         * <p>This method is static. The PID is a positive integer during the communication between
+         * the {@link RemoteProxy} object and {@link RemoteObject} object, and resumes to {@code 0}
+         * when the communication ends. If this method is called from the {@link RemoteProxy} object,
+         * {@code 0} is returned; if this method is called from the {@link RemoteObject} object,
+         * the PID of the corresponding {@link RemoteProxy} object is returned.
+         *
+         * @return Returns the PID of the proxy.
+         * @since 7
+         */
+        static getCallingPid(): number;
+
+        /**
+         * Obtains the UID of a proxy.
+         *
+         * <p>This method is static. The UID is a positive integer during the communication between
+         * the {@link RemoteProxy} object and {@link RemoteObject} object, and resumes to {@code 0}
+         * when the communication ends. If this method is called from the {@link RemoteProxy} object,
+         * {@code 0} is returned; if this method is called from the {@link RemoteObject} object,
+         * the UID of the corresponding {@link RemoteProxy} object is returned.
+         *
+         * @return Returns the UID of the proxy.
+         * @since 7
+         */
+        static getCallingUid(): number;
+
+        /**
+         * Obtains the ID of the device where the peer process resides.
+         *
+         * <p>This method is static.
+         *
+         * @return Returns the ID of the device where the peer process resides.
+         * @since 7
+         */
+        static getCallingDeviceID(): string;
+
+        /**
+         * Obtains the ID of the local device.
+         *
+         * <p>This method is static.
+         *
+         * @return Returns the ID of the local device.
+         * @since 7
+         */
+        static getLocalDeviceID(): string;
+
+        /**
+         * Checks whether a call is made on the same device.
+         *
+         * <p>This method is static.
+         *
+         * @return Returns {@code true} if the call is made on the same device; returns {@code false} otherwise.
+         * @since 7
+         */
+        static isLocalCalling(): boolean;
+
+        /**
+         * Flushes all pending commands from a specified {@link RemoteProxy} to the corresponding {@link RemoteObject}.
+         *
+         * <p>This method is static. You are advised to call this method before performing any time-sensitive operations.
+         *
+         * @param object Indicates the specified {@link RemoteProxy}.
+         * @return Returns {@code 0} if the operation succeeds; returns an error code if the input object is empty
+         * or {@link RemoteObject}, or the operation fails.
+         * @since 7
+         */
+        static flushCommands(object: IRemoteObject): number;
+
+        /**
+         * Replaces the UID and PID of the remote user with those of the local user.
+         *
+         * <p>This method is static. It can be used in scenarios like authentication.
+         *
+         * @return Returns a string containing the UID and PID of the remote user.
+         * @since 7
+         */
+        static resetCallingIdentity(): string;
+
+        /**
+         * Restores the UID and PID to those of the remote user.
+         *
+         * <p>This method is static. It is usually called after {@code resetCallingIdentity} is used
+         * and requires the UID and PID of the remote user returned by {@code resetCallingIdentity}.
+         *
+         * @param identity Indicates the string containing the UID and PID of the remote user,
+         * which is returned by {@code resetCallingIdentity}.
+         * @return Returns {@code true} if the operation succeeds; returns {@code false} otherwise.
+         * @since 7
+         */
+        static setCallingIdentity(identity: string): boolean;
+    }
+}
+
+export default rpc;
\ No newline at end of file
diff --git a/api/@ohos.sensor.d.ts b/api/@ohos.sensor.d.ts
new file mode 100755
index 0000000000000000000000000000000000000000..2df661d48ba1e3226bc3ad5923398883de209a29
--- /dev/null
+++ b/api/@ohos.sensor.d.ts
@@ -0,0 +1,673 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { AsyncCallback } from './basic';
+
+export interface Response {}
+
+/**
+ * This module provides the capability to subscribe to sensor data.
+ *
+ * @since 8
+ * @sysCap SystemCapability.Sensors.Sensor
+ * @devices phone, tablet
+ * @import import sensor from '@ohos.sensor'
+ * @permission ohos.permission.ACCELEROMETER, ohos.permission.GRYOSCOPE,
+ *             ohos.permission.ACTIVITY_MOTION, ohos.permission.HEALTH_DATA
+ */
+declare namespace sensor {
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_ACCELEROMETER}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission ohos.permission.ACCELEROMETER
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_ACCELEROMETER, callback: AsyncCallback<AccelerometerResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_ACCELEROMETER_UNCALIBRATED}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission ohos.permission.ACCELEROMETER
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_ACCELEROMETER_UNCALIBRATED, callback: AsyncCallback<AccelerometerUncalibratedResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_AMBIENT_LIGHT}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission N/A
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_AMBIENT_LIGHT, callback: AsyncCallback<LightResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_AMBIENT_TEMPERATURE}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission N/A
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_AMBIENT_TEMPERATURE, callback: AsyncCallback<AmbientTemperatureResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_BAROMETER}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission N/A
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_BAROMETER, callback: AsyncCallback<BarometerResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_GRAVITY}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission N/A
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_GRAVITY, callback: AsyncCallback<GravityResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_GYROSCOPE}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission ohos.permission.GRYOSCOPE
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_GYROSCOPE, callback: AsyncCallback<GyroscopeResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_GYROSCOPE_UNCALIBRATED}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission ohos.permission.GRYOSCOPE
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_GYROSCOPE_UNCALIBRATED, callback: AsyncCallback<GyroscopeUncalibratedResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_HALL}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission N/A
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_HALL, callback: AsyncCallback<HallResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_HEART_RATE}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission ohos.permission.HEALTH_DATA
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_HEART_RATE, callback: AsyncCallback<HeartRateResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_HUMIDITY}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission N/A
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_HUMIDITY, callback: AsyncCallback<HumidityResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_LINEAR_ACCELERATION}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission ohos.permission.ACCELEROMETER
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_LINEAR_ACCELERATION, callback: AsyncCallback<LinearAccelerometerResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_MAGNETIC_FIELD}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission N/A
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_MAGNETIC_FIELD, callback: AsyncCallback<MagneticFieldResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_MAGNETIC_FIELD_UNCALIBRATED}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission N/A
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_MAGNETIC_FIELD_UNCALIBRATED, callback: AsyncCallback<MagneticFieldUncalibratedResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_ORIENTATION}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission N/A
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_ORIENTATION, callback: AsyncCallback<OrientationResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_PEDOMETER}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission ohos.permission.ACTIVITY_MOTION
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_PEDOMETER, callback: AsyncCallback<PedometerResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_PEDOMETER_DETECTION}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission ohos.permission.ACTIVITY_MOTION
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_PEDOMETER_DETECTION, callback: AsyncCallback<PedometerDetectionResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_PROXIMITY}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission N/A
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_PROXIMITY, callback: AsyncCallback<ProximityResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_ROTATION_VECTOR}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission N/A
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_ROTATION_VECTOR, callback: AsyncCallback<RotationVectorResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_SIGNIFICANT_MOTION}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission N/A
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_SIGNIFICANT_MOTION, callback: AsyncCallback<SignificantMotionResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data, If the API is called multiple times, the last call takes effect.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_WEAR_DETECTION}.
+     * @param options Optional parameters specifying the interval at which sensor data is reported, {@code Options}.
+     * @permission N/A
+     * @since 8
+     */
+    function on(type: SensorType.SENSOR_TYPE_ID_WEAR_DETECTION, callback: AsyncCallback<WearDetectionResponse>,
+        options?: Options): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_ACCELEROMETER}.
+     * @permission ohos.permission.ACCELEROMETER
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_ACCELEROMETER, callback: AsyncCallback<AccelerometerResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_ACCELEROMETER_UNCALIBRATED}.
+     * @permission ohos.permission.ACCELEROMETER
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_ACCELEROMETER_UNCALIBRATED, callback: AsyncCallback<AccelerometerUncalibratedResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_AMBIENT_LIGHT}.
+     * @permission N/A
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_AMBIENT_LIGHT, callback: AsyncCallback<LightResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_AMBIENT_TEMPERATURE}.
+     * @permission N/A
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_AMBIENT_TEMPERATURE, callback: AsyncCallback<AmbientTemperatureResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_BAROMETER}.
+     * @permission N/A
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_BAROMETER, callback: AsyncCallback<BarometerResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_GRAVITY}.
+     * @permission N/A
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_GRAVITY, callback: AsyncCallback<GravityResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_GYROSCOPE}.
+     * @permission ohos.permission.GYROSCOPE
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_GYROSCOPE, callback: AsyncCallback<GyroscopeResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_GYROSCOPE_UNCALIBRATED}.
+     * @permission ohos.permission.GYROSCOPE
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_GYROSCOPE_UNCALIBRATED, callback: AsyncCallback<GyroscopeUncalibratedResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_HALL}.
+     * @permission N/A
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_HALL, callback: AsyncCallback<HallResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_HEART_RATE}.
+     * @permission ohos.permission.HEART_RATE
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_HEART_RATE, callback: AsyncCallback<HeartRateResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_HUMIDITY}.
+     * @permission N/A
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_HUMIDITY, callback: AsyncCallback<HumidityResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_LINEAR_ACCELERATION}.
+     * @permission ohos.permission.ACCELERATION
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_LINEAR_ACCELERATION, callback: AsyncCallback<LinearAccelerometerResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_MAGNETIC_FIELD}.
+     * @permission N/A
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_MAGNETIC_FIELD, callback: AsyncCallback<MagneticFieldResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_MAGNETIC_FIELD_UNCALIBRATED}.
+     * @permission N/A
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_MAGNETIC_FIELD_UNCALIBRATED, callback: AsyncCallback<MagneticFieldUncalibratedResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_ORIENTATION}.
+     * @permission N/A
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_ORIENTATION, callback: AsyncCallback<OrientationResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_PEDOMETER}.
+     * @permission ohos.permission.ACTIVITY_MOTION
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_PEDOMETER, callback: AsyncCallback<PedometerResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_PEDOMETER_DETECTION}.
+     * @permission ohos.permission.ACTIVITY_MOTION
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_PEDOMETER_DETECTION, callback: AsyncCallback<PedometerDetectionResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_PROXIMITY}.
+     * @permission N/A
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_PROXIMITY, callback: AsyncCallback<ProximityResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_ROTATION_VECTOR}.
+     * @permission N/A
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_ROTATION_VECTOR, callback: AsyncCallback<RotationVectorResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_SIGNIFICANT_MOTION}.
+     * @permission N/A
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_SIGNIFICANT_MOTION, callback: AsyncCallback<SignificantMotionResponse>): void;
+
+    /**
+     * Subscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType.SENSOR_TYPE_ID_WEAR_DETECTION}.
+     * @permission N/A
+     * @since 8
+     */
+    function once(type: SensorType.SENSOR_TYPE_ID_WEAR_DETECTION, callback: AsyncCallback<WearDetectionResponse>): void;
+
+    /**
+     * Unsubscribe to sensor data once.
+     * @param type Indicate the sensor type to listen for, {@code SensorType}.
+     * @permission N/A
+     * @since 8
+     */
+    function off(type: SensorType, callback: AsyncCallback<void>): void;
+
+    /**
+     * Subscribe to the sensor's optional parameters.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface Options {
+        interval?: number; /**< Sensor event reporting event interval */
+    }
+
+    /**
+     * The type of sensor.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    enum SensorType {
+        SENSOR_TYPE_ID_ACCELEROMETER = 1,          /**< Acceleration sensor */
+        SENSOR_TYPE_ID_GYROSCOPE = 2,              /**< Gyroscope sensor */
+        SENSOR_TYPE_ID_AMBIENT_LIGHT = 5,          /**< Ambient light sensor */
+        SENSOR_TYPE_ID_MAGNETIC_FIELD = 6,         /**< Magnetic field sensor */
+        SENSOR_TYPE_ID_BAROMETER = 8,              /**< Barometric pressure sensor */
+        SENSOR_TYPE_ID_HALL = 10,                  /**< Hall effect sensor */
+        SENSOR_TYPE_ID_PROXIMITY = 12,             /**< Proximity sensor */
+        SENSOR_TYPE_ID_HUMIDITY = 13,              /**< Humidity sensor */
+        SENSOR_TYPE_ID_ORIENTATION = 256,          /**< Orientation sensor */
+        SENSOR_TYPE_ID_GRAVITY = 257,              /**< Gravity sensor */
+        SENSOR_TYPE_ID_LINEAR_ACCELERATION = 258,  /**< Linear acceleration sensor */
+        SENSOR_TYPE_ID_ROTATION_VECTOR = 259,      /**< Rotation vector sensor */
+        SENSOR_TYPE_ID_AMBIENT_TEMPERATURE = 260,  /**< Ambient temperature sensor */
+        SENSOR_TYPE_ID_MAGNETIC_FIELD_UNCALIBRATED = 261,  /**< Uncalibrated magnetic field sensor */
+        SENSOR_TYPE_ID_GYROSCOPE_UNCALIBRATED = 263,  /**< Uncalibrated gyroscope sensor */
+        SENSOR_TYPE_ID_SIGNIFICANT_MOTION = 264,    /**< Significant motion sensor */
+        SENSOR_TYPE_ID_PEDOMETER_DETECTION = 265,   /**< Pedometer detection sensor */
+        SENSOR_TYPE_ID_PEDOMETER = 266,             /**< Pedometer sensor */
+        SENSOR_TYPE_ID_HEART_RATE = 278,            /**< Heart rate sensor */
+        SENSOR_TYPE_ID_WEAR_DETECTION = 280,        /**< Wear detection sensor */
+        SENSOR_TYPE_ID_ACCELEROMETER_UNCALIBRATED = 281,   /**< Uncalibrated acceleration sensor */
+    }
+
+    /**
+     * Acceleration sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface AccelerometerResponse extends Response {
+        x: number; /**< Acceleration x-axis component */
+        y: number; /**< Acceleration y-axis component */
+        z: number; /**< Acceleration z-axis component */
+    }
+
+    /**
+     * Linear acceleration sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface LinearAccelerometerResponse extends Response{
+        x: number; /**< Linear acceleration x-axis component */
+        y: number; /**< Linear acceleration y-axis component */
+        z: number; /**< Linear acceleration z-axis component */
+    }
+
+    /**
+     * Acceleration uncalibrated sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface AccelerometerUncalibratedResponse extends Response {
+        x: number; /**< Acceleration uncalibrated x-axis component */
+        y: number; /**< Acceleration uncalibrated y-axis component */
+        z: number; /**< Acceleration uncalibrated z-axis component */
+        biasX: number; /**< Acceleration uncalibrated x-axis offset */
+        biasY: number; /**< Acceleration uncalibrated y-axis offset */
+        biasZ: number; /**< Acceleration uncalibrated z-axis offset */
+    }
+
+    /**
+     * Gravity sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface GravityResponse extends Response {
+        x: number; /**< Gravity x-axis component */
+        y: number; /**< Gravity y-axis component */
+        z: number; /**< Gravity z-axis component */
+    }
+
+    /**
+     * Orientation sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface OrientationResponse extends Response {
+        x: number; /**< Orientation x-axis component */
+        y: number; /**< Orientation y-axis component */
+        z: number; /**< Orientation z-axis component */
+    }
+
+    /**
+     * Rotation vector sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface RotationVectorResponse extends Response {
+        x: number; /**< Rotation vector x-axis component */
+        y: number; /**< Rotation vector y-axis component */
+        z: number; /**< Rotation vector z-axis component */
+    }
+
+    /**
+     * Gyroscope sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface GyroscopeResponse extends Response {
+        x: number; /**< Gyroscope x-axis component */
+        y: number; /**< Gyroscope y-axis component */
+        z: number; /**< Gyroscope z-axis component */
+    }
+
+    /**
+     * Gyroscope uncalibrated sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface GyroscopeUncalibratedResponse extends Response {
+        x: number; /**< Gyroscope uncalibrated x-axis component */
+        y: number; /**< Gyroscope uncalibrated y-axis component */
+        z: number; /**< Gyroscope uncalibrated z-axis component */
+        biasX: number; /**< Gyroscope uncalibrated x-axis offset */
+        biasY: number; /**< Gyroscope uncalibrated y-axis offset */
+        biasZ: number; /**< Gyroscope uncalibrated z-axis offset */
+    }
+
+    /**
+     * Significant motion sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface SignificantMotionResponse extends Response {
+        scalar: number; /**< The degree of significant motion */
+    }
+
+    /**
+     * Proximity sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface ProximityResponse extends Response {
+        distance: number; /**< Indicates the degree of proximity, event 0 indicates proximity, while 1 indicates distance */
+    }
+
+    /**
+     * Light sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface LightResponse extends Response {
+        intensity: number; /**< Indicates light intensity, in lux */
+    }
+
+    /**
+     * Hall sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface HallResponse extends Response {
+        status: number; /**< Indicates hall status, event 0 indicates open, while 1 indicates close*/
+    }
+
+    /**
+     * Magnetic field sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface MagneticFieldResponse extends Response {
+        x: number; /**< Magnetic field x-axis component */
+        y: number; /**< Magnetic field y-axis component */
+        z: number; /**< Magnetic field z-axis component */
+    }
+
+    /**
+     * Magnetic field uncalibrated sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface MagneticFieldUncalibratedResponse extends Response {
+        x: number; /**< Magnetic field uncalibrated x-axis component */
+        y: number; /**< Magnetic field uncalibrated y-axis component */
+        z: number; /**< Magnetic field uncalibrated z-axis component */
+        biasX: number; /**< Magnetic field uncalibrated x-axis offset */
+        biasY: number; /**< Magnetic field uncalibrated y-axis offset */
+        biasZ: number; /**< Magnetic field uncalibrated z-axis offset */
+    }
+
+    /**
+     * Pedometer sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface PedometerResponse extends Response {
+        steps: number; /**< Indicates the number of steps */
+    }
+
+    /**
+     * Humidity sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface HumidityResponse extends Response {
+        humidity: number; /**< Indicates the number of humidity */
+    }
+
+    /**
+     * Pedometer detection sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface PedometerDetectionResponse extends Response {
+        scalar: number; /**< Indicates the pedometer detection status, 1 indicates that a walking action has occurred, and 0 indicates that no movement has occurred */
+    }
+
+    /**
+     * Ambient temperature sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface AmbientTemperatureResponse extends Response {
+        temperature: number; /**< Indicates ambient temperature, in celsius */
+    }
+
+    /**
+     * Barometer sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface BarometerResponse extends Response {
+        pressure: number; /**< Indicates the number of barometer, in pascal */
+    }
+
+    /**
+     * Heart rate sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface HeartRateResponse extends Response {
+        heartRate: number; /**< Indicates the number of heart rate */
+    }
+
+    /**
+     * Wear detection sensor event data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface WearDetectionResponse extends Response {
+        value: number; /**< Indicates the status of wear detection, 1 for wearing, 0 for wearing not */
+    }
+ }
+
+ export default sensor;
\ No newline at end of file
diff --git a/api/@ohos.systemTime.d.ts b/api/@ohos.systemTime.d.ts
index c6d1039d5f5def49f662d6bffb38724959e5a133..d69ec642af8bb6435ef764cdb3efa0374180dc65 100755
--- a/api/@ohos.systemTime.d.ts
+++ b/api/@ohos.systemTime.d.ts
@@ -17,13 +17,38 @@ import { AsyncCallback, ErrorCallback } from './basic';
 
 /**
  * System time and timezone.
- *
- * @since 6
+ * @since 7
+ * @sysCap SystemCapability.Miscservices.Time
+ * @devices phone, tablet, tv, wearable, car
+ * @import systemTime from '@ohos.systemTime';
  */
 declare namespace systemTime {
-    //  Sets the system time.
-    function setTime(time : number, callback : AsyncCallback<boolean>) : void;
-    function setTime(time : number) : Promise<boolean>;
+    /**
+     * Sets the system time.
+     * @permission ohos.permission.SET_TIME
+     * @param time Target time stamp (ms)
+     * @since 7
+     */
+    function setTime(time : number, callback : AsyncCallback<void>) : void;
+    function setTime(time : number) : Promise<void>;
+
+    /**
+     * Sets the system time.
+     * @permission ohos.permission.SET_TIME
+     * @param date The target date
+     * @since 7
+     */
+    function setDate(date: Date, callback: AsyncCallback<void>): void;
+    function setDate(date: Date): Promise<void>;
+
+    /**
+     * Sets the system time zone.
+     * @permission ohos.permission.SET_TIME_ZONE
+     * @param timezone The system time zone
+     * @since 7
+     */
+    function setTimezone(timezone: string, callback: AsyncCallback<void>): void;
+    function setTimezone(timezone: string): Promise<void>;
 }
 
 export default systemTime;
diff --git a/api/@ohos.systemTimer.d.ts b/api/@ohos.systemTimer.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..987f9067a8bc9701f2b30df7f5b0abcb87c8749a
--- /dev/null
+++ b/api/@ohos.systemTimer.d.ts
@@ -0,0 +1,114 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { AsyncCallback, ErrorCallback } from './basic';
+import { WantAgent } from './@ohos.wantAgent';
+
+/**
+ * Provides js api for systemTimer
+ *
+ * @since 7
+ * @devices phone, tablet, tv, wearable, car
+ * @systemapi Hide this for inner system use.
+ */
+declare namespace systemTimer {
+  /**
+   * Indicates the timing policy the timer use, which can be REALTIME or UTC.
+   */
+  const TIMER_TYPE_REALTIME: number;
+
+  /**
+   * Describes whether a timer will wake the device up.
+   */
+  const TIMER_TYPE_WAKEUP: number;
+
+  /**
+   * Describes whether a timer will be delivered precisely at a scheduled time.
+   */
+  const TIMER_TYPE_EXACT: number;
+
+  /**
+   * Indicates whether the timer waking up the system is supported in low-power mode.
+   */
+  const TIMER_TYPE_IDLE: number;
+
+  /**
+   * Creates a timer.
+   * @Param options Indicates the timer options.
+   * @Return timer ID.
+   */
+  function createTimer(options: TimerOptions, callback: AsyncCallback<number>): void;
+  function createTimer(options: TimerOptions): Promise<number>;
+
+  /**
+   * Starts a timer.
+   *
+   * @Param timer The timer ID.
+   * @Param triggerTime Indicates the time at which the timer is triggered for the first time, in milliseconds.
+   *                    The time will be automatically set to 5000 milliseconds after the current time if the passed
+   *                    value is smaller than the current time plus 5000 milliseconds.
+   */
+  function startTimer(timer: number, triggerTime: number, callback: AsyncCallback<void>): void;
+  function startTimer(timer: number, triggerTime: number): Promise<void>;
+
+  /**
+   * Stops a timer.
+   * @Param timer The timer ID.
+   */
+  function stopTimer(timer: number, callback: AsyncCallback<void>): void;
+  function stopTimer(timer: number): Promise<void>;
+
+  /**
+   * Destroy a timer.
+   * @Param timer The timer ID.
+   */
+  function destroyTimer(timer: number, callback: AsyncCallback<void>): void;
+  function destroyTimer(timer: number): Promise<void>;
+
+    /**
+     * When the repeat is false,the interval is not needed, choose one of wantAgent and callback.
+     * When the repeat is true,the interval is required, the wantAgent is required, and the callback can be left blank.
+     *
+     */
+  interface TimerOptions {
+    /**
+     * timer type.
+     */
+    type: number;
+
+    /**
+     * Indicates a repeating timer
+     */
+    repeat: boolean;
+
+    /**
+     * Indicates the interval between two consecutive triggers, in milliseconds.
+     * The interval will be set to 5000 milliseconds automatically if the passed value is smaller than 5000.
+     */
+    interval?: number;
+
+    /**
+     * Indicates the intent to send when the timer goes off.
+     */
+    wantAgent?: WantAgent;
+
+    /**
+     * Called back when the timer goes off.
+     */
+    callback?: () => void;
+  }
+}
+
+export default systemTimer;
\ No newline at end of file
diff --git a/api/@ohos.telephony.call.d.ts b/api/@ohos.telephony.call.d.ts
old mode 100755
new mode 100644
index a6d8fe57e08ff0926d2af2250d7a9f6fe16d28f8..25680a731fc83f8fdd50388c98518d1fd6a12325
--- a/api/@ohos.telephony.call.d.ts
+++ b/api/@ohos.telephony.call.d.ts
@@ -1,83 +1,338 @@
-/*
-* Copyright (C) 2021 Huawei Device Co., Ltd.
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
-
-import {AsyncCallback} from "./basic";
-
-/**
- * Provides methods related to call management.
- *
- * @since 6
- */
-declare namespace call {
-  /**
-   * Makes a call.
-   *
-   * <p>Applications must have the {@code ohos.permission.PLACE_CALL} permission to call this method.
-   *
-   * @param phoneNumber Indicates the called number.
-   * @param options Indicates additional information carried in the call.
-   * @param callback Returns {@code true} if the call request is successful; returns {@code false} otherwise.
-   * Note that the value {@code true} indicates only the successful processing of the request; it does not mean
-   * that the call is or can be connected.
-   */
-  function dial(phoneNumber: string, callback: AsyncCallback<boolean>): void;
-  function dial(phoneNumber: string, options: DialOptions, callback: AsyncCallback<boolean>): void;
-  function dial(phoneNumber: string, options?: DialOptions): Promise<boolean>;
-
-  /**
-   * Obtains the call state.
-   *
-   * <p>If an incoming call is ringing or waiting, the system returns {@code CallState#CALL_STATE_RINGING}.
-   * If at least one call is in the active, hold, or dialing state, the system returns
-   * {@code CallState#CALL_STATE_OFFHOOK}.
-   * In other cases, the system returns {@code CallState#CALL_STATE_IDLE}.
-   *
-   * @param callback Returns the call state.
-   */
-  function getCallState(callback: AsyncCallback<CallState>): void;
-  function getCallState(): Promise<CallState>;
-
-  export enum CallState {
-    /**
-     * Indicates an invalid state, which is used when the call state fails to be obtained.
-     */
-    CALL_STATE_UNKNOWN = -1,
-
-    /**
-     * Indicates that there is no ongoing call.
-     */
-    CALL_STATE_IDLE = 0,
-
-    /**
-     * Indicates that an incoming call is ringing or waiting.
-     */
-    CALL_STATE_RINGING = 1,
-
-    /**
-     * Indicates that a least one call is in the dialing, active, or hold state, and there is no new incoming call
-     * ringing or waiting.
-     */
-    CALL_STATE_OFFHOOK = 2
-  }
-
-  export interface DialOptions {
-    /**
-     * boolean means whether the call to be made is a video call. The value {@code false} indicates a voice call.
-     */
-    extras?: boolean;
-  }
-}
-
+/*
+* Copyright (C) 2021 Huawei Device Co., Ltd.
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+import {AsyncCallback, Callback} from "./basic";
+
+/**
+ * Provides methods related to call management.
+ *
+ * @since 6
+ * @sysCap SystemCapability.Telephony.DCall
+ */
+declare namespace call {
+  /**
+   * Makes a call.
+   *
+   * <p>Applications must have the {@code ohos.permission.PLACE_CALL} permission to call this method.
+   *
+   * @param phoneNumber Indicates the called number.
+   * @param options Indicates additional information carried in the call.
+   * @param callback Returns {@code true} if the call request is successful; returns {@code false} otherwise.
+   * Note that the value {@code true} indicates only the successful processing of the request; it does not mean
+   * that the call is or can be connected.
+   * @permission ohos.permission.PLACE_CALL
+   */
+  function dial(phoneNumber: string, callback: AsyncCallback<boolean>): void;
+  function dial(phoneNumber: string, options: DialOptions, callback: AsyncCallback<boolean>): void;
+  function dial(phoneNumber: string, options?: DialOptions): Promise<boolean>;
+
+  /**
+   * Checks whether a call is ongoing.
+   *
+   * @param callback Returns {@code true} if at least one call is not in the {@link CallState#CALL_STATE_IDLE}
+   * state; returns {@code false} otherwise.
+   */
+  function hasCall(callback: AsyncCallback<boolean>): void;
+  function hasCall(): Promise<boolean>;
+
+  /**
+   * Obtains the call state.
+   *
+   * <p>If an incoming call is ringing or waiting, the system returns {@code CallState#CALL_STATE_RINGING}.
+   * If at least one call is in the active, hold, or dialing state, the system returns
+   * {@code CallState#CALL_STATE_OFFHOOK}.
+   * In other cases, the system returns {@code CallState#CALL_STATE_IDLE}.
+   *
+   * @param callback Returns the call state.
+   */
+  function getCallState(callback: AsyncCallback<CallState>): void;
+  function getCallState(): Promise<CallState>;
+
+  /**
+   * Checks whether a phone number is on the emergency number list.
+   *
+   * @param phoneNumber Indicates the phone number to check.
+   * @param callback Returns {@code true} if the phone number is on the emergency number list;
+   * returns {@code false} otherwise.
+   * @since 7
+   */
+  function isEmergencyPhoneNumber(phoneNumber: string, callback: AsyncCallback<boolean>): void;
+  function isEmergencyPhoneNumber(phoneNumber: string, options: EmergencyNumberOptions, callback: AsyncCallback<boolean>): void;
+  function isEmergencyPhoneNumber(phoneNumber: string, options?: EmergencyNumberOptions): Promise<boolean>;
+
+  /**
+   * Formats a phone number according to the Chinese Telephone Code Plan. Before the formatting,
+   * a phone number is in the format of country code (if any) + 3-digit service provider code
+   * + 4-digit area code + 4-digit subscriber number. After the formatting,
+   * each part is separated by a space.
+   *
+   * @param phoneNumber Indicates the phone number to format.
+   * @param callback Returns the phone number after being formatted; returns an empty string
+   * if the input phone number is invalid.
+   * @since 7
+   */
+  function formatPhoneNumber(phoneNumber: string, callback: AsyncCallback<string>): void;
+  function formatPhoneNumber(phoneNumber: string, options: NumberFormatOptions, callback: AsyncCallback<string>): void;
+  function formatPhoneNumber(phoneNumber: string, options?: NumberFormatOptions): Promise<string>;
+
+  /**
+   * Formats a phone number into an E.164 representation.
+   *
+   * @param phoneNumber Indicates the phone number to format.
+   * @param countryCode Indicates a two-digit country code defined in ISO 3166-1.
+   * @param callback Returns an E.164 number; returns an empty string if the input phone number is invalid.
+   * @since 7
+   */
+  function formatPhoneNumberToE164(phoneNumber: string, countryCode: string, callback: AsyncCallback<string>): void;
+  function formatPhoneNumberToE164(phoneNumber: string, countryCode: string): Promise<string>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function answer(callId: number, callback: AsyncCallback<void>): void;
+  function answer(callId: number): Promise<void>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function hangup(callId: number, callback: AsyncCallback<void>): void;
+  function hangup(callId: number): Promise<void>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function reject(callId: number, callback: AsyncCallback<void>): void;
+  function reject(callId: number, options: RejectMessageOptions, callback: AsyncCallback<void>): void;
+  function reject(callId: number, options?: RejectMessageOptions): Promise<void>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   */
+  function holdCall(callId: number, callback: AsyncCallback<void>): void;
+  function holdCall(callId: number): Promise<void>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   */
+  function unHoldCall(callId: number, callback: AsyncCallback<void>): void;
+  function unHoldCall(callId: number): Promise<void>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   */
+  function switchCall(callId: number, callback: AsyncCallback<void>): void;
+  function switchCall(callId: number): Promise<void>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function combineConference(callId: number, callback: AsyncCallback<void>): void;
+  function combineConference(callId: number): Promise<void>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function getMainCallId(callId: number, callback: AsyncCallback<number>): void;
+  function getMainCallId(callId: number): Promise<number>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function getSubCallIdList(callId: number, callback: AsyncCallback<Array<string>>): void;
+  function getSubCallIdList(callId: number): Promise<Array<string>>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function getCallIdListForConference(callId: number, callback: AsyncCallback<Array<string>>): void;
+  function getCallIdListForConference(callId: number): Promise<Array<string>>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function getCallWaitingStatus(slotId: number, callback: AsyncCallback<CallWaitingStatus>): void;
+  function getCallWaitingStatus(slotId: number): Promise<CallWaitingStatus>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function setCallWaiting(slotId: number, activate: boolean, callback: AsyncCallback<void>): void;
+  function setCallWaiting(slotId: number, activate: boolean): Promise<void>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function startDTMF(callId: number, character: string, callback: AsyncCallback<void>): void;
+  function startDTMF(callId: number, character: string): Promise<void>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function stopDTMF(callId: number, callback: AsyncCallback<void>): void;
+  function stopDTMF(callId: number): Promise<void>;
+
+  /**
+   * @permission ohos.permission.SET_TELEPHONY_STATE
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function isInEmergencyCall(callback: AsyncCallback<boolean>): void;
+  function isInEmergencyCall(): Promise<boolean>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function on(type: 'callDetailsChange', callback: Callback<CallAttributeOptions>): void;
+  function off(type: 'callDetailsChange', callback?: Callback<CallAttributeOptions>): void;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  export interface CallAttributeOptions {
+    accountNumber: string,
+    speakerphoneOn: boolean,
+    accountId: number,
+    videoState: VideoStateType,
+    startTime: number,
+    isEcc: boolean,
+    callType: CallType,
+    callId: number,
+    callState: DetailedCallState,
+    conferenceState: ConferenceState,
+  }
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  export enum ConferenceState {
+    TEL_CONFERENCE_IDLE = 0,
+    TEL_CONFERENCE_ACTIVE,
+    TEL_CONFERENCE_DISCONNECTING,
+    TEL_CONFERENCE_DISCONNECTED,
+  }
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  export enum CallType {
+    TYPE_CS = 0, // CS
+    TYPE_IMS = 1, // IMS
+    TYPE_OTT = 2, // OTT
+    TYPE_ERR_CALL = 3, // OTHER
+  }
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  export enum VideoStateType {
+    TYPE_VOICE = 0, // Voice
+    TYPE_VIDEO, // Video
+  }
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  export enum DetailedCallState {
+    CALL_STATUS_ACTIVE = 0,
+    CALL_STATUS_HOLDING,
+    CALL_STATUS_DIALING,
+    CALL_STATUS_ALERTING,
+    CALL_STATUS_INCOMING,
+    CALL_STATUS_WAITING,
+    CALL_STATUS_DISCONNECTED,
+    CALL_STATUS_DISCONNECTING,
+    CALL_STATUS_IDLE,
+  }
+
+  export enum CallState {
+    /**
+     * Indicates an invalid state, which is used when the call state fails to be obtained.
+     */
+    CALL_STATE_UNKNOWN = -1,
+
+    /**
+     * Indicates that there is no ongoing call.
+     */
+    CALL_STATE_IDLE = 0,
+
+    /**
+     * Indicates that an incoming call is ringing or waiting.
+     */
+    CALL_STATE_RINGING = 1,
+
+    /**
+     * Indicates that a least one call is in the dialing, active, or hold state, and there is no new incoming call
+     * ringing or waiting.
+     */
+    CALL_STATE_OFFHOOK = 2
+  }
+
+  export interface DialOptions {
+    /**
+     * boolean means whether the call to be made is a video call. The value {@code false} indicates a voice call.
+     */
+    extras?: boolean;
+  }
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  export interface RejectMessageOptions {
+    messageContent: string,
+  }
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  export enum CallWaitingStatus {
+    CALL_WAITING_DISABLE = 0,
+    CALL_WAITING_ENABLE = 1
+  }
+
+  /**
+   * @since 7
+   */
+  export interface EmergencyNumberOptions {
+    slotId?: number;
+  }
+
+  /**
+   * @since 7
+   */
+  export interface NumberFormatOptions {
+    countryCode?: string;
+  }
+}
+
 export default call;
\ No newline at end of file
diff --git a/api/@ohos.telephony.data.d.ts b/api/@ohos.telephony.data.d.ts
deleted file mode 100755
index ffa1a3f853a26c3178010eae8a548385f516f617..0000000000000000000000000000000000000000
--- a/api/@ohos.telephony.data.d.ts
+++ /dev/null
@@ -1,98 +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.
-*/
-
-import {AsyncCallback} from "./basic";
-
-/**
- * Provides methods related to cellular data services.
- *
- * @since 6
- */
-declare namespace data {
-  /**
-   * Obtains the connection state of the PS domain.
-   *
-   * @param slotId Indicates the ID of a card slot.
-   *      The value {@code 0} indicates card 1, and the value {@code 1} indicates card 2.
-   * @param callback Returns the connection state, which can be any of the following:
-   * <ul>
-   * <li>{@code DataConnectState#DATA_STATE_UNKNOWN}
-   * <li>{@code DataConnectState#DATA_STATE_DISCONNECTED}
-   * <li>{@code DataConnectState#DATA_STATE_CONNECTING}
-   * <li>{@code DataConnectState#DATA_STATE_CONNECTED}
-   * <li>{@code DataConnectState#DATA_STATE_SUSPENDED}
-   * </ul>
-   */
-  function getCellularDataState(callback: AsyncCallback<DataConnectState>): void;
-  function getCellularDataState(): Promise<DataConnectState>;
-
-  /**
-   * Checks whether cellular data services are enabled.
-   *
-   * <p>Requires Permission: {@code ohos.permission.GET_NETWORK_INFO}.
-   *
-   * @param callback Returns {@code true} if cellular data services are enabled; returns {@code false} otherwise.
-   */
-  function isCellularDataEnabled(callback: AsyncCallback<boolean>): void;
-  function isCellularDataEnabled(): Promise<boolean>;
-
-  /**
-   * Enables cellular data services.
-   *
-   * @hide Used for system app.
-   */
-  function enableCellularData(callback: AsyncCallback<void>): void;
-  function enableCellularData(): Promise<void>;
-
-  /**
-   * Diables cellular data services.
-   *
-   * @hide Used for system app.
-   */
-  function disableCellularData(callback: AsyncCallback<void>): void;
-  function disableCellularData(): Promise<void>;
-
-  /**
-   * Describes the cellular data link connection state.
-   */
-  export enum DataConnectState {
-    /**
-     * Indicates that a cellular data link is unknown.
-     */
-    DATA_STATE_UNKNOWN = -1,
-
-    /**
-     * Indicates that a cellular data link is disconnected.
-     */
-    DATA_STATE_DISCONNECTED = 0,
-
-    /**
-     * Indicates that a cellular data link is being connected.
-     */
-    DATA_STATE_CONNECTING = 1,
-
-    /**
-     * Indicates that a cellular data link is connected.
-     */
-    DATA_STATE_CONNECTED = 2,
-
-    /**
-     * Indicates that a cellular data link is suspended.
-     */
-    DATA_STATE_SUSPENDED = 3
-  }
-}
-
-export default data;
\ No newline at end of file
diff --git a/api/@ohos.telephony.observer.d.ts b/api/@ohos.telephony.observer.d.ts
index 2e07a4b7b3606a63a362217e06cd64252c0cdde2..d1c0fe0b187625e47654b52e43e97561fd44b2b1 100755
--- a/api/@ohos.telephony.observer.d.ts
+++ b/api/@ohos.telephony.observer.d.ts
@@ -15,7 +15,6 @@
 
 import {AsyncCallback} from "./basic";
 import radio from "./@ohos.telephony.radio";
-import data from "./@ohos.telephony.data";
 import call from "./@ohos.telephony.call";
 
 /**
@@ -25,13 +24,9 @@ import call from "./@ohos.telephony.call";
  * @since 6
  */
 declare namespace observer {
-  export import NetworkState = radio.NetworkState;
-  export import SignalInformation = radio.SignalInformation;
-  export import CellInformation = radio.CellInformation;
-  export import DataConnectState = data.DataConnectState;
-  export import RatType = radio.RatType;
-  export import DataFlowType = data.DataFlowType;
-  export import CallState = call.CallState;
+  type NetworkState = radio.NetworkState;
+  type SignalInformation = radio.SignalInformation;
+  type CallState = call.CallState;
 
   /**
    * Called when the network state corresponding to a monitored {@code slotId} updates.
@@ -70,28 +65,6 @@ declare namespace observer {
 
   function off(type: 'signalInfoChange', callback?: AsyncCallback<Array<SignalInformation>>): void;
 
-  /**
-   * Called when the cellular data link connection state updates.
-   *
-   * @param type cellularDataConnectionStateChange
-   * @param options including slotId Indicates the ID of the target card slot.
-   *   The value {@code 0} indicates card 1, and the value {@code 1} indicates card 2.
-   * @param callback including state Indicates the cellular data link connection state,
-   *   and networkType Indicates the radio access technology for cellular data services.
-   */
-  function on(type: 'cellularDataConnectionStateChange',
-    callback: AsyncCallback<{ state: DataConnectState, network: RatType }>): void;
-  function on(type: 'cellularDataConnectionStateChange', options: { slotId: number },
-    callback: AsyncCallback<{ state: DataConnectState, network: RatType }>): void;
-
-  function once(type: 'cellularDataConnectionStateChange',
-    callback: AsyncCallback<{ state: DataConnectState, network: RatType }>): void;
-  function once(type: 'cellularDataConnectionStateChange', options: { slotId: number },
-    callback: AsyncCallback<{ state: DataConnectState, network: RatType }>): void;
-
-  function off(type: 'cellularDataConnectionStateChange',
-    callback?: AsyncCallback<{ state: DataConnectState, network: RatType }>): void;
-
   /**
    * Receives a call state change. This callback is invoked when the call state of a specified card updates
    * and the observer is added to monitor the updates.
diff --git a/api/@ohos.telephony.radio.d.ts b/api/@ohos.telephony.radio.d.ts
old mode 100755
new mode 100644
index 139ae0be8bdb25baac28f7465136e55e300c2d59..bbc4dcfc71deb04e96e1e5bf2e8328c822a6f7b7
--- a/api/@ohos.telephony.radio.d.ts
+++ b/api/@ohos.telephony.radio.d.ts
@@ -1,330 +1,453 @@
-/*
-* Copyright (C) 2021 Huawei Device Co., Ltd.
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
-
-import {AsyncCallback} from "./basic";
-
-/**
- * Provides interfaces for applications to obtain the radio access technology (RAT), network state,
- * and signal information of the wireless cellular network (WCN).
- *
- * @since 6
- */
-declare namespace radio {
-  /**
-   * Obtains radio access technology (RAT) of the registered network. The system preferentially
-   * returns RAT of the packet service (PS) domain. If the device has not registered with the
-   * PS domain, the system returns RAT of the circuit service (CS) domain.
-   *
-   * <p>Requires Permission: {@code ohos.permission.GET_NETWORK_INFO}.
-   *
-   * @param slotId Indicates the card slot index number,
-   * ranging from 0 to the maximum card slot index number supported by the device.
-   * @param callback Returns an integer indicating the RAT in use. The values are as follows:
-   * <ul>
-   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_UNKNOWN}
-   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_GSM}
-   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_1XRTT}
-   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_WCDMA}
-   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_HSPA}
-   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_HSPAP}
-   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_TD_SCDMA}
-   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_EVDO}
-   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_EHRPD}
-   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_LTE}
-   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_LTE_CA}
-   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_IWLAN}
-   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_NR}
-   * </ul>
-   */
-  function getRadioTech(slotId: number,
-    callback: AsyncCallback<{psRadioTech: RadioTechnology, csRadioTech: RadioTechnology}>): void;
-  function getRadioTech(slotId: number): Promise<{psRadioTech: RadioTechnology, csRadioTech: RadioTechnology}>;
-
-  /**
-   * Obtains the network state of the registered network.
-   *
-   * <p>Requires Permission: {@code ohos.permission.GET_NETWORK_INFO}.
-   *
-   * @param slotId Indicates the card slot index number,
-   * ranging from 0 to the maximum card slot index number supported by the device.
-   * @param callback Returns a {@code NetworkState} object.
-   */
-  function getNetworkState(callback: AsyncCallback<NetworkState>): void;
-  function getNetworkState(slotId: number, callback: AsyncCallback<NetworkState>): void;
-  function getNetworkState(slotId?: number): Promise<NetworkState>;
-
-  /**
-  * Obtains the list of signal strength information of the registered network corresponding to a specified SIM card.
-  *
-  * @param slotId Indicates the card slot index number, ranging from 0 to the maximum card slot index number
-  * supported by the device.
-  * @param callback Returns the instance list of the child classes derived from {@link SignalInformation}.
-  */
-  function getSignalInformation(slotId: number, callback: AsyncCallback<Array<SignalInformation>>): void;
-  function getSignalInformation(slotId: number): Promise<Array<SignalInformation>>;
-
-  /**
-   * Describes the radio access technology.
-   */
-  export enum RadioTechnology {
-    /**
-     * Indicates unknown radio access technology (RAT).
-     */
-    RADIO_TECHNOLOGY_UNKNOWN = 0,
-
-    /**
-     * Indicates that RAT is global system for mobile communications (GSM), including GSM, general packet
-     * radio system (GPRS), and enhanced data rates for GSM evolution (EDGE).
-     */
-    RADIO_TECHNOLOGY_GSM = 1,
-
-    /**
-     * Indicates that RAT is code division multiple access (CDMA), including Interim Standard 95 (IS95) and
-     * Single-Carrier Radio Transmission Technology (1xRTT).
-     */
-    RADIO_TECHNOLOGY_1XRTT = 2,
-
-    /**
-     * Indicates that RAT is wideband code division multiple address (WCDMA).
-     */
-    RADIO_TECHNOLOGY_WCDMA = 3,
-
-    /**
-     * Indicates that RAT is high-speed packet access (HSPA), including HSPA, high-speed downlink packet
-     * access (HSDPA), and high-speed uplink packet access (HSUPA).
-     */
-    RADIO_TECHNOLOGY_HSPA = 4,
-
-    /**
-     * Indicates that RAT is evolved high-speed packet access (HSPA+), including HSPA+ and dual-carrier
-     * HSPA+ (DC-HSPA+).
-     */
-    RADIO_TECHNOLOGY_HSPAP = 5,
-
-    /**
-     * Indicates that RAT is time division-synchronous code division multiple access (TD-SCDMA).
-     */
-    RADIO_TECHNOLOGY_TD_SCDMA = 6,
-
-    /**
-     * Indicates that RAT is evolution data only (EVDO), including EVDO Rev.0, EVDO Rev.A, and EVDO Rev.B.
-     */
-    RADIO_TECHNOLOGY_EVDO = 7,
-
-    /**
-     * Indicates that RAT is evolved high rate packet data (EHRPD).
-     */
-    RADIO_TECHNOLOGY_EHRPD = 8,
-
-    /**
-     * Indicates that RAT is long term evolution (LTE).
-     */
-    RADIO_TECHNOLOGY_LTE = 9,
-
-    /**
-     * Indicates that RAT is LTE carrier aggregation (LTE-CA).
-     */
-    RADIO_TECHNOLOGY_LTE_CA = 10,
-
-    /**
-     * Indicates that RAT is interworking WLAN (I-WLAN).
-     */
-    RADIO_TECHNOLOGY_IWLAN = 11,
-
-    /**
-     * Indicates that RAT is 5G new radio (NR).
-     */
-    RADIO_TECHNOLOGY_NR = 12
-  }
-
-  export interface SignalInformation {
-    /**
-     * Obtains the network type corresponding to the signal.
-     */
-    signalType: NetworkType;
-
-    /**
-     * Obtains the signal level of the current network.
-     */
-    signalLevel: number;
-  }
-
-  /**
-   * Describes the network type.
-   */
-  export enum NetworkType {
-    /**
-     * Indicates unknown network type.
-     */
-    NETWORK_TYPE_UNKNOWN,
-
-    /**
-     * Indicates that the network type is GSM.
-     */
-    NETWORK_TYPE_GSM,
-
-    /**
-     * Indicates that the network type is CDMA.
-     */
-    NETWORK_TYPE_CDMA,
-
-    /**
-     * Indicates that the network type is WCDMA.
-     */
-    NETWORK_TYPE_WCDMA,
-
-    /**
-     * Indicates that the network type is TD-SCDMA.
-     */
-    NETWORK_TYPE_TDSCDMA,
-
-    /**
-     * Indicates that the network type is LTE.
-     */
-    NETWORK_TYPE_LTE,
-
-    /**
-     * Indicates that the network type is 5G NR.
-     */
-    NETWORK_TYPE_NR
-  }
-
-  /**
-   * Describes the network registration state.
-   */
-  export interface NetworkState {
-    /**
-     * Obtains the operator name in the long alphanumeric format of the registered network.
-     *
-     * @return Returns the operator name in the long alphanumeric format as a string;
-     * returns an empty string if no operator name is obtained.
-     */
-    longOperatorName: string;
-
-    /**
-     * Obtains the operator name in the short alphanumeric format of the registered network.
-     *
-     * @return Returns the operator name in the short alphanumeric format as a string;
-     * returns an empty string if no operator name is obtained.
-     */
-    shortOperatorName: string;
-
-    /**
-     * Obtains the PLMN code of the registered network.
-     *
-     * @return Returns the PLMN code as a string; returns an empty string if no operator name is obtained.
-     */
-    plmnNumeric: string;
-
-    /**
-     * Checks whether the device is roaming.
-     *
-     * @return Returns {@code true} if the device is roaming; returns {@code false} otherwise.
-     */
-    isRoaming: boolean;
-
-    /**
-     * Obtains the network registration status of the device.
-     *
-     * @return Returns the network registration status {@code RegState}.
-     */
-    regState: RegState;
-
-    /**
-     * Obtains the NSA network registration status of the device.
-     *
-     * @return Returns the NSA network registration status {@code NsaState}.
-     */
-    nsaState: NsaState;
-
-    /**
-     * Obtains the status of CA.
-     *
-     * @return Returns {@code true} if CA is actived; returns {@code false} otherwise.
-     */
-    isCaActive: boolean;
-
-    /**
-     * Checks whether this device is allowed to make emergency calls only.
-     *
-     * @return Returns {@code true} if this device is allowed to make emergency calls only;
-     * returns {@code false} otherwise.
-     */
-    isEmergency: boolean;
-  }
-
-  /**
-   * Describes the network registration state.
-   */
-  export enum RegState {
-    /**
-     * Indicates a state in which a device cannot use any service.
-     */
-    REG_STATE_NO_SERVICE = 0,
-
-    /**
-     * Indicates a state in which a device can use services properly.
-     */
-    REG_STATE_IN_SERVICE = 1,
-
-    /**
-     * Indicates a state in which a device can use only the emergency call service.
-     */
-    REG_STATE_EMERGENCY_CALL_ONLY = 2,
-
-    /**
-     * Indicates that the cellular radio is powered off.
-     */
-    REG_STATE_POWER_OFF = 3
-  }
-
-  /**
-   * Describes the nsa state.
-   */
-  export enum NsaState {
-    /**
-     * Indicates that a device is idle under or is connected to an LTE cell that does not support NSA.
-     */
-    NSA_STATE_NOT_SUPPORT = 1,
-
-    /**
-     * Indicates that a device is idle under an LTE cell supporting NSA but not NR coverage detection.
-     */
-    NSA_STATE_NO_DETECT = 2,
-
-    /**
-     * Indicates that a device is connected to an LTE network under an LTE cell
-     * that supports NSA and NR coverage detection.
-     */
-    NSA_STATE_CONNECTED_DETECT = 3,
-
-    /**
-     * Indicates that a device is idle under an LTE cell supporting NSA and NR coverage detection.
-     */
-    NSA_STATE_IDLE_DETECT = 4,
-
-    /**
-     * Indicates that a device is connected to an LTE + NR network under an LTE cell that supports NSA.
-     */
-    NSA_STATE_DUAL_CONNECTED = 5,
-
-    /**
-     * Indicates that a device is idle under or is connected to an NG-RAN cell while being attached to 5GC.
-     */
-    NSA_STATE_SA_ATTACHED = 6
-  }
-}
-
+/*
+* Copyright (C) 2021 Huawei Device Co., Ltd.
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+import {AsyncCallback} from "./basic";
+
+/**
+ * Provides interfaces for applications to obtain the network state, cell information, signal information,
+ * and device ID of the wireless cellular network (WCN), and provides a callback registration mechanism to
+ * listen for changes of the network, cell, and signal status of the WCN.
+ *
+ * @since 6
+ * @sysCap SystemCapability.Telephony.Telephony
+ */
+declare namespace radio {
+  /**
+   * Obtains radio access technology (RAT) of the registered network. The system
+   * returns RAT of the packet service (PS) and circuit service (CS) domain.
+   *
+   * <p>Requires Permission: {@code ohos.permission.GET_NETWORK_INFO}.
+   *
+   * @param slotId Indicates the card slot index number,
+   * ranging from 0 to the maximum card slot index number supported by the device.
+   * @param callback Returns an integer indicating the RAT in use. The values are as follows:
+   * <ul>
+   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_UNKNOWN}
+   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_GSM}
+   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_1XRTT}
+   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_WCDMA}
+   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_HSPA}
+   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_HSPAP}
+   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_TD_SCDMA}
+   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_EVDO}
+   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_EHRPD}
+   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_LTE}
+   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_LTE_CA}
+   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_IWLAN}
+   * <li>{@code RadioTechnology#RADIO_TECHNOLOGY_NR}
+   * </ul>
+   * @permission ohos.permission.GET_NETWORK_INFO
+   */
+  function getRadioTech(slotId: number,
+    callback: AsyncCallback<{psRadioTech: RadioTechnology, csRadioTech: RadioTechnology}>): void;
+  function getRadioTech(slotId: number): Promise<{psRadioTech: RadioTechnology, csRadioTech: RadioTechnology}>;
+
+  /**
+   * Obtains the network state of the registered network.
+   *
+   * <p>Requires Permission: {@code ohos.permission.GET_NETWORK_INFO}.
+   *
+   * @param slotId Indicates the card slot index number,
+   * ranging from 0 to the maximum card slot index number supported by the device.
+   * @param callback Returns a {@code NetworkState} object.
+   * @permission ohos.permission.GET_NETWORK_INFO
+   */
+  function getNetworkState(callback: AsyncCallback<NetworkState>): void;
+  function getNetworkState(slotId: number, callback: AsyncCallback<NetworkState>): void;
+  function getNetworkState(slotId?: number): Promise<NetworkState>;
+
+  /**
+   * Obtains the network search mode of the SIM card in a specified slot.
+   *
+   * @param slotId Indicates the ID of the SIM card slot.
+   * @param callback Returns the network search mode of the SIM card. Available values are as follows:
+   * <ul>
+   * <li>{@link NetworkSelectionMode#NETWORK_SELECTION_UNKNOWN}
+   * <li>{@link NetworkSelectionMode#NETWORK_SELECTION_AUTOMATIC}
+   * <li>{@link NetworkSelectionMode#NETWORK_SELECTION_MANUAL}
+   * <ul>
+   */
+  function getNetworkSelectionMode(slotId: number, callback: AsyncCallback<NetworkSelectionMode>): void;
+  function getNetworkSelectionMode(slotId: number): Promise<NetworkSelectionMode>;
+
+  /**
+   * @permission ohos.permission.SET_TELEPHONY_STATE
+   * @systemapi Hide this for inner system use.
+   */
+  function setNetworkSelectionMode(options: NetworkSelectionModeOptions, callback: AsyncCallback<void>): void;
+  function setNetworkSelectionMode(options: NetworkSelectionModeOptions): Promise<void>;
+
+  /**
+   * @permission ohos.permission.GET_TELEPHONY_STATE
+   * @systemapi Hide this for inner system use.
+   */
+  function getNetworkSearchInformation(slotId: number, callback: AsyncCallback<NetworkSearchResult>): void;
+  function getNetworkSearchInformation(slotId: number): Promise<NetworkSearchResult>;
+
+  /**
+   * Obtains the ISO-defined country code of the country where the registered network is deployed.
+   *
+   * @param slotId Indicates the card slot index number,
+   * ranging from 0 to the maximum card slot index number supported by the device.
+   * @param callback Returns the country code defined in ISO 3166-2;
+   * returns an empty string if the device is not registered with any network.
+   * @since 7
+   */
+  function getISOCountryCodeForNetwork(slotId: number, callback: AsyncCallback<string>): void;
+  function getISOCountryCodeForNetwork(slotId: number): Promise<string>;
+
+  /**
+   * Obtains the list of signal strength information of the registered network corresponding to a specified SIM card.
+   *
+   * @param slotId Indicates the card slot index number, ranging from 0 to the maximum card slot index number
+   * supported by the device.
+   * @param callback Returns the instance list of the child classes derived from {@link SignalInformation}.
+   * @since 7
+   */
+  function getSignalInformation(slotId: number, callback: AsyncCallback<Array<SignalInformation>>): void;
+  function getSignalInformation(slotId: number): Promise<Array<SignalInformation>>;
+
+  /**
+   * @permission ohos.permission.GET_NETWORK_INFO
+   * @since 7
+   */
+  function isRadioOn(callback: AsyncCallback<boolean>): void;
+  function isRadioOn(): Promise<boolean>;
+
+  /**
+   * @permission ohos.permission.SET_TELEPHONY_STATE
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function turnOnRadio(callback: AsyncCallback<void>): void;
+  function turnOnRadio(): Promise<void>;
+
+  /**
+   * @permission ohos.permission.SET_TELEPHONY_STATE
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function turnOffRadio(callback: AsyncCallback<void>): void;
+  function turnOffRadio(): Promise<void>;
+
+  /**
+   * Describes the radio access technology.
+   */
+  export enum RadioTechnology {
+    /**
+     * Indicates unknown radio access technology (RAT).
+     */
+    RADIO_TECHNOLOGY_UNKNOWN = 0,
+
+    /**
+     * Indicates that RAT is global system for mobile communications (GSM), including GSM, general packet
+     * radio system (GPRS), and enhanced data rates for GSM evolution (EDGE).
+     */
+    RADIO_TECHNOLOGY_GSM = 1,
+
+    /**
+     * Indicates that RAT is code division multiple access (CDMA), including Interim Standard 95 (IS95) and
+     * Single-Carrier Radio Transmission Technology (1xRTT).
+     */
+    RADIO_TECHNOLOGY_1XRTT = 2,
+
+    /**
+     * Indicates that RAT is wideband code division multiple address (WCDMA).
+     */
+    RADIO_TECHNOLOGY_WCDMA = 3,
+
+    /**
+     * Indicates that RAT is high-speed packet access (HSPA), including HSPA, high-speed downlink packet
+     * access (HSDPA), and high-speed uplink packet access (HSUPA).
+     */
+    RADIO_TECHNOLOGY_HSPA = 4,
+
+    /**
+     * Indicates that RAT is evolved high-speed packet access (HSPA+), including HSPA+ and dual-carrier
+     * HSPA+ (DC-HSPA+).
+     */
+    RADIO_TECHNOLOGY_HSPAP = 5,
+
+    /**
+     * Indicates that RAT is time division-synchronous code division multiple access (TD-SCDMA).
+     */
+    RADIO_TECHNOLOGY_TD_SCDMA = 6,
+
+    /**
+     * Indicates that RAT is evolution data only (EVDO), including EVDO Rev.0, EVDO Rev.A, and EVDO Rev.B.
+     */
+    RADIO_TECHNOLOGY_EVDO = 7,
+
+    /**
+     * Indicates that RAT is evolved high rate packet data (EHRPD).
+     */
+    RADIO_TECHNOLOGY_EHRPD = 8,
+
+    /**
+     * Indicates that RAT is long term evolution (LTE).
+     */
+    RADIO_TECHNOLOGY_LTE = 9,
+
+    /**
+     * Indicates that RAT is LTE carrier aggregation (LTE-CA).
+     */
+    RADIO_TECHNOLOGY_LTE_CA = 10,
+
+    /**
+     * Indicates that RAT is interworking WLAN (I-WLAN).
+     */
+    RADIO_TECHNOLOGY_IWLAN = 11,
+
+    /**
+     * Indicates that RAT is 5G new radio (NR).
+     */
+    RADIO_TECHNOLOGY_NR = 12
+  }
+
+  export interface SignalInformation {
+    /**
+     * Obtains the network type corresponding to the signal.
+     */
+    signalType: NetworkType;
+
+    /**
+     * Obtains the signal level of the current network.
+     */
+    signalLevel: number;
+  }
+
+  /**
+   * Describes the network type.
+   */
+  export enum NetworkType {
+    /**
+     * Indicates unknown network type.
+     */
+    NETWORK_TYPE_UNKNOWN,
+
+    /**
+     * Indicates that the network type is GSM.
+     */
+    NETWORK_TYPE_GSM,
+
+    /**
+     * Indicates that the network type is CDMA.
+     */
+    NETWORK_TYPE_CDMA,
+
+    /**
+     * Indicates that the network type is WCDMA.
+     */
+    NETWORK_TYPE_WCDMA,
+
+    /**
+     * Indicates that the network type is TD-SCDMA.
+     */
+    NETWORK_TYPE_TDSCDMA,
+
+    /**
+     * Indicates that the network type is LTE.
+     */
+    NETWORK_TYPE_LTE,
+
+    /**
+     * Indicates that the network type is 5G NR.
+     */
+    NETWORK_TYPE_NR
+  }
+
+  /**
+   * Describes the network registration state.
+   */
+  export interface NetworkState {
+    /**
+     * Obtains the operator name in the long alphanumeric format of the registered network.
+     *
+     * @return Returns the operator name in the long alphanumeric format as a string;
+     * returns an empty string if no operator name is obtained.
+     */
+    longOperatorName: string;
+
+    /**
+     * Obtains the operator name in the short alphanumeric format of the registered network.
+     *
+     * @return Returns the operator name in the short alphanumeric format as a string;
+     * returns an empty string if no operator name is obtained.
+     */
+    shortOperatorName: string;
+
+    /**
+     * Obtains the PLMN code of the registered network.
+     *
+     * @return Returns the PLMN code as a string; returns an empty string if no operator name is obtained.
+     */
+    plmnNumeric: string;
+
+    /**
+     * Checks whether the device is roaming.
+     *
+     * @return Returns {@code true} if the device is roaming; returns {@code false} otherwise.
+     */
+    isRoaming: boolean;
+
+    /**
+     * Obtains the network registration status of the device.
+     *
+     * @return Returns the network registration status {@code RegState}.
+     */
+    regState: RegState;
+
+    /**
+     * Obtains the NSA network registration status of the device.
+     *
+     * @return Returns the NSA network registration status {@code NsaState}.
+     */
+    nsaState: NsaState;
+
+    /**
+     * Obtains the status of CA.
+     *
+     * @return Returns {@code true} if CA is actived; returns {@code false} otherwise.
+     */
+    isCaActive: boolean;
+
+    /**
+     * Checks whether this device is allowed to make emergency calls only.
+     *
+     * @return Returns {@code true} if this device is allowed to make emergency calls only;
+     * returns {@code false} otherwise.
+     */
+    isEmergency: boolean;
+  }
+
+  /**
+   * Describes the network registration state.
+   */
+  export enum RegState {
+    /**
+     * Indicates a state in which a device cannot use any service.
+     */
+    REG_STATE_NO_SERVICE = 0,
+
+    /**
+     * Indicates a state in which a device can use services properly.
+     */
+    REG_STATE_IN_SERVICE = 1,
+
+    /**
+     * Indicates a state in which a device can use only the emergency call service.
+     */
+    REG_STATE_EMERGENCY_CALL_ONLY = 2,
+
+    /**
+     * Indicates that the cellular radio is powered off.
+     */
+    REG_STATE_POWER_OFF = 3
+  }
+
+  /**
+   * Describes the nsa state.
+   */
+  export enum NsaState {
+    /**
+     * Indicates that a device is idle under or is connected to an LTE cell that does not support NSA.
+     */
+    NSA_STATE_NOT_SUPPORT = 1,
+
+    /**
+     * Indicates that a device is idle under an LTE cell supporting NSA but not NR coverage detection.
+     */
+    NSA_STATE_NO_DETECT = 2,
+
+    /**
+     * Indicates that a device is connected to an LTE network under an LTE cell
+     * that supports NSA and NR coverage detection.
+     */
+    NSA_STATE_CONNECTED_DETECT = 3,
+
+    /**
+     * Indicates that a device is idle under an LTE cell supporting NSA and NR coverage detection.
+     */
+    NSA_STATE_IDLE_DETECT = 4,
+
+    /**
+     * Indicates that a device is connected to an LTE + NR network under an LTE cell that supports NSA.
+     */
+    NSA_STATE_DUAL_CONNECTED = 5,
+
+    /**
+     * Indicates that a device is idle under or is connected to an NG-RAN cell while being attached to 5GC.
+     */
+    NSA_STATE_SA_ATTACHED = 6
+  }
+
+  /**
+   * @systemapi Hide this for inner system use.
+   */
+  export interface NetworkSearchResult {
+    isNetworkSearchSuccess: boolean;
+    networkSearchResult: Array<NetworkInformation>;
+  }
+
+  /**
+   * @systemapi Hide this for inner system use.
+   */
+  export interface NetworkInformation {
+    operatorName: string;
+    operatorNumeric: string;
+    state: NetworkInformationState;
+    radioTech: string;
+  }
+
+  /**
+   * @systemapi Hide this for inner system use.
+   */
+  export enum NetworkInformationState {
+    /** Indicates that the network state is unknown. */
+    NETWORK_UNKNOWN,
+
+    /** Indicates that the network is available for registration. */
+    NETWORK_AVAILABLE,
+
+    /** Indicates that you have already registered with the network. */
+    NETWORK_CURRENT,
+
+    /** Indicates that the network is unavailable for registration. */
+    NETWORK_FORBIDDEN
+  }
+
+  /**
+   * @systemapi Hide this for inner system use.
+   */
+  export interface NetworkSelectionModeOptions {
+    slotId: number;
+    selectMode: NetworkSelectionMode;
+    networkInformation: NetworkInformation;
+    resumeSelection: boolean;
+  }
+
+  export enum NetworkSelectionMode {
+    /** Unknown network selection modes. */
+    NETWORK_SELECTION_UNKNOWN,
+
+    /** Automatic network selection modes. */
+    NETWORK_SELECTION_AUTOMATIC,
+
+    /** Manual network selection modes. */
+    NETWORK_SELECTION_MANUAL
+  }
+}
+
 export default radio;
\ No newline at end of file
diff --git a/api/@ohos.telephony.sim.d.ts b/api/@ohos.telephony.sim.d.ts
old mode 100755
new mode 100644
index e586e47276fb3c7cfb8deb06992e45a98b72ee96..ed9652a51a98d1674559b03443969de12edc360a
--- a/api/@ohos.telephony.sim.d.ts
+++ b/api/@ohos.telephony.sim.d.ts
@@ -1,118 +1,235 @@
-/*
-* Copyright (C) 2021 Huawei Device Co., Ltd.
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
-
-import {AsyncCallback} from "./basic";
-
-/**
- * Provides applications with APIs for obtaining SIM card status, card file information, and card specifications.
- * SIM cards include SIM, USIM, and CSIM cards.
- *
- * @since 6
- */
-declare namespace sim {
-  /**
-   * Obtains the ISO country code of the SIM card in a specified slot.
-   *
-   * @param slotId Indicates the card slot index number,
-   * ranging from 0 to the maximum card slot index number supported by the device.
-   * @param callback Returns the country code defined in ISO 3166-2; returns an empty string if no SIM card is inserted.
-   */
-  function getISOCountryCodeForSim(slotId: number, callback: AsyncCallback<string>): void;
-  function getISOCountryCodeForSim(slotId: number): Promise<string>;
-
-  /**
-   * Obtains the home PLMN number of the SIM card in a specified slot.
-   *
-   * <p>The value is recorded in the SIM card and is irrelevant to the network
-   * with which the SIM card is currently registered.
-   *
-   * @param slotId Indicates the card slot index number,
-   * ranging from 0 to the maximum card slot index number supported by the device.
-   * @param callback Returns the PLMN number; returns an empty string if no SIM card is inserted.
-   */
-  function getSimOperatorNumeric(slotId: number, callback: AsyncCallback<string>): void;
-  function getSimOperatorNumeric(slotId: number): Promise<string>;
-
-  /**
-   * Obtains the service provider name (SPN) of the SIM card in a specified slot.
-   *
-   * <p>The value is recorded in the EFSPN file of the SIM card and is irrelevant to the network
-   * with which the SIM card is currently registered.
-   *
-   * @param slotId Indicates the card slot index number,
-   * ranging from 0 to the maximum card slot index number supported by the device.
-   * @param callback Returns the SPN; returns an empty string if no SIM card is inserted or
-   * no EFSPN file in the SIM card.
-   */
-  function getSimSpn(slotId: number, callback: AsyncCallback<string>): void;
-  function getSimSpn(slotId: number): Promise<string>;
-
-  /**
-   * Obtains the state of the SIM card in a specified slot.
-   *
-   * @param slotId Indicates the card slot index number,
-   * ranging from {@code 0} to the maximum card slot index number supported by the device.
-   * @param callback Returns one of the following SIM card states:
-   * <ul>
-   * <li>{@code SimState#SIM_STATE_UNKNOWN}
-   * <li>{@code SimState#SIM_STATE_NOT_PRESENT}
-   * <li>{@code SimState#SIM_STATE_LOCKED}
-   * <li>{@code SimState#SIM_STATE_NOT_READY}
-   * <li>{@code SimState#SIM_STATE_READY}
-   * <li>{@code SimState#SIM_STATE_LOADED}
-   * </ul>
-   */
-  function getSimState(slotId: number, callback: AsyncCallback<SimState>): void;
-  function getSimState(slotId: number): Promise<SimState>;
-
-  export enum SimState {
-    /**
-     * Indicates unknown SIM card state, that is, the accurate status cannot be obtained.
-     */
-    SIM_STATE_UNKNOWN,
-
-    /**
-     * Indicates that the SIM card is in the <b>not present</b> state, that is, no SIM card is inserted
-     * into the card slot.
-     */
-    SIM_STATE_NOT_PRESENT,
-
-    /**
-     * Indicates that the SIM card is in the <b>locked</b> state, that is, the SIM card is locked by the
-     * personal identification number (PIN)/PIN unblocking key (PUK) or network.
-     */
-    SIM_STATE_LOCKED,
-
-    /**
-     * Indicates that the SIM card is in the <b>not ready</b> state, that is, the SIM card is in position
-     * but cannot work properly.
-     */
-    SIM_STATE_NOT_READY,
-
-    /**
-     * Indicates that the SIM card is in the <b>ready</b> state, that is, the SIM card is in position and
-     * is working properly.
-     */
-    SIM_STATE_READY,
-
-    /**
-     * Indicates that the SIM card is in the <b>loaded</b> state, that is, the SIM card is in position and
-     * is working properly.
-     */
-    SIM_STATE_LOADED
-  }
-}
-
+/*
+* Copyright (C) 2021 Huawei Device Co., Ltd.
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+import {AsyncCallback} from "./basic";
+
+/**
+ * Provides applications with APIs for obtaining SIM card status, card file information, and card specifications.
+ * SIM cards include SIM, USIM, and CSIM cards.
+ *
+ * @since 6
+ * @sysCap SystemCapability.Telephony.Telephony
+ */
+declare namespace sim {
+  /**
+   * Obtains the default card slot for the voice service.
+   *
+   * @param callback Returns {@code 0} if card 1 is used as the default card slot for the voice service;
+   * returns {@code 1} if card 2 is used as the default card slot for the voice service;
+   * returns {@code -1} if no card is available for the voice service.
+   * @since 7
+   */
+  function getDefaultVoiceSlotId(callback: AsyncCallback<number>): void;
+  function getDefaultVoiceSlotId(): Promise<number>;
+
+  /**
+   * Obtains the ISO country code of the SIM card in a specified slot.
+   *
+   * @param slotId Indicates the card slot index number,
+   * ranging from 0 to the maximum card slot index number supported by the device.
+   * @param callback Returns the country code defined in ISO 3166-2; returns an empty string if no SIM card is inserted.
+   */
+  function getISOCountryCodeForSim(slotId: number, callback: AsyncCallback<string>): void;
+  function getISOCountryCodeForSim(slotId: number): Promise<string>;
+
+  /**
+   * Obtains the home PLMN number of the SIM card in a specified slot.
+   *
+   * <p>The value is recorded in the SIM card and is irrelevant to the network
+   * with which the SIM card is currently registered.
+   *
+   * @param slotId Indicates the card slot index number,
+   * ranging from 0 to the maximum card slot index number supported by the device.
+   * @param callback Returns the PLMN number; returns an empty string if no SIM card is inserted.
+   */
+  function getSimOperatorNumeric(slotId: number, callback: AsyncCallback<string>): void;
+  function getSimOperatorNumeric(slotId: number): Promise<string>;
+
+  /**
+   * Obtains the service provider name (SPN) of the SIM card in a specified slot.
+   *
+   * <p>The value is recorded in the EFSPN file of the SIM card and is irrelevant to the network
+   * with which the SIM card is currently registered.
+   *
+   * @param slotId Indicates the card slot index number,
+   * ranging from 0 to the maximum card slot index number supported by the device.
+   * @param callback Returns the SPN; returns an empty string if no SIM card is inserted or
+   * no EFSPN file in the SIM card.
+   */
+  function getSimSpn(slotId: number, callback: AsyncCallback<string>): void;
+  function getSimSpn(slotId: number): Promise<string>;
+
+  /**
+   * Obtains the state of the SIM card in a specified slot.
+   *
+   * @param slotId Indicates the card slot index number,
+   * ranging from {@code 0} to the maximum card slot index number supported by the device.
+   * @param callback Returns one of the following SIM card states:
+   * <ul>
+   * <li>{@code SimState#SIM_STATE_UNKNOWN}
+   * <li>{@code SimState#SIM_STATE_NOT_PRESENT}
+   * <li>{@code SimState#SIM_STATE_LOCKED}
+   * <li>{@code SimState#SIM_STATE_NOT_READY}
+   * <li>{@code SimState#SIM_STATE_READY}
+   * <li>{@code SimState#SIM_STATE_LOADED}
+   * </ul>
+   */
+  function getSimState(slotId: number, callback: AsyncCallback<SimState>): void;
+  function getSimState(slotId: number): Promise<SimState>;
+
+  /**
+   * Obtains the ICCID of the SIM card in a specified slot.
+   *
+   * <p>The ICCID is a unique identifier of a SIM card. It consists of 20 digits
+   * and is recorded in the EFICCID file of the SIM card.
+   *
+   * <p>Requires Permission: {@code ohos.permission.GET_TELEPHONY_STATE}.
+   *
+   * @param slotId Indicates the card slot index number,
+   * ranging from 0 to the maximum card slot index number supported by the device.
+   * @param callback Returns the ICCID; returns an empty string if no SIM card is inserted.
+   * @permission ohos.permission.GET_TELEPHONY_STATE
+   */
+  function getSimIccId(slotId: number, callback: AsyncCallback<string>): void;
+  function getSimIccId(slotId: number): Promise<string>;
+
+  /**
+   * Obtains the Group Identifier Level 1 (GID1) of the SIM card in a specified slot.
+   * The GID1 is recorded in the EFGID1 file of the SIM card.
+   *
+   * <p>Requires Permission: {@code ohos.permission.GET_TELEPHONY_STATE}.
+   *
+   * @param slotId Indicates the card slot index number,
+   * ranging from 0 to the maximum card slot index number supported by the device.
+   * @param callback Returns the GID1; returns an empty string if no SIM card is inserted or
+   * no GID1 in the SIM card.
+   * @permission ohos.permission.GET_TELEPHONY_STATE
+   */
+  function getSimGid1(slotId: number, callback: AsyncCallback<string>): void;
+  function getSimGid1(slotId: number): Promise<string>;
+
+  /**
+   * @permission ohos.permission.GET_TELEPHONY_STATE
+   * @systemapi Hide this for inner system use.
+   */
+  function getIMSI(slotId: number, callback: AsyncCallback<string>): void;
+  function getIMSI(slotId: number): Promise<string>;
+
+  /**
+   * @permission ohos.permission.GET_TELEPHONY_STATE
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function getSimAccountInfo(slotId: number, callback: AsyncCallback<IccAccountInfo>): void;
+  function getSimAccountInfo(slotId: number): Promise<IccAccountInfo>;
+
+  /**
+   * @permission ohos.permission.SET_TELEPHONY_STATE
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function setDefaultVoiceSlotId(slotId: number, callback: AsyncCallback<void>): void;
+  function setDefaultVoiceSlotId(slotId: number): Promise<void>;
+
+  /**
+   * @permission ohos.permission.SET_TELEPHONY_STATE
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function unlockPin(slotId: number, pin: string, callback: AsyncCallback<LockStatusResponse>): void;
+  function unlockPin(slotId: number, pin: string): Promise<LockStatusResponse>;
+
+  /**
+   * @permission ohos.permission.SET_TELEPHONY_STATE
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function unlockPuk(slotId: number, newPin: string, puk: string, callback: AsyncCallback<LockStatusResponse>): void;
+  function unlockPuk(slotId: number, newPin: string, puk: string): Promise<LockStatusResponse>;
+
+  /**
+   * @permission ohos.permission.SET_TELEPHONY_STATE
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function alterPin(slotId: number, newPin: string, oldPin: string, callback: AsyncCallback<LockStatusResponse>): void;
+  function alterPin(slotId: number, newPin: string, oldPin: string): Promise<LockStatusResponse>;
+
+  /**
+   * @permission ohos.permission.SET_TELEPHONY_STATE
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function setLockState(slotId: number, pin: string, enable: number, callback: AsyncCallback<LockStatusResponse>): void;
+  function setLockState(slotId: number, pin: string, enable: number): Promise<LockStatusResponse>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  export interface IccAccountInfo {
+    slotIndex: number,              /* slot id */
+    showName: string,               /* display name for card */
+    showNumber: string,             /* display number for card */
+  }
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  export interface LockStatusResponse {
+    result: number,                 /* Current operation result */
+    remain?: number,                /* Operations remaining */
+  }
+
+  export enum SimState {
+    /**
+     * Indicates unknown SIM card state, that is, the accurate status cannot be obtained.
+     */
+    SIM_STATE_UNKNOWN,
+
+    /**
+     * Indicates that the SIM card is in the <b>not present</b> state, that is, no SIM card is inserted
+     * into the card slot.
+     */
+    SIM_STATE_NOT_PRESENT,
+
+    /**
+     * Indicates that the SIM card is in the <b>locked</b> state, that is, the SIM card is locked by the
+     * personal identification number (PIN)/PIN unblocking key (PUK) or network.
+     */
+    SIM_STATE_LOCKED,
+
+    /**
+     * Indicates that the SIM card is in the <b>not ready</b> state, that is, the SIM card is in position
+     * but cannot work properly.
+     */
+    SIM_STATE_NOT_READY,
+
+    /**
+     * Indicates that the SIM card is in the <b>ready</b> state, that is, the SIM card is in position and
+     * is working properly.
+     */
+    SIM_STATE_READY,
+
+    /**
+     * Indicates that the SIM card is in the <b>loaded</b> state, that is, the SIM card is in position and
+     * is working properly.
+     */
+    SIM_STATE_LOADED
+  }
+}
+
 export default sim;
\ No newline at end of file
diff --git a/api/@ohos.telephony.sms.d.ts b/api/@ohos.telephony.sms.d.ts
old mode 100755
new mode 100644
index a1b162bf6d4fb78572513ff812d1d28f2df958b9..709f1b690034b3c1bddeeff8a90f6a588337a825
--- a/api/@ohos.telephony.sms.d.ts
+++ b/api/@ohos.telephony.sms.d.ts
@@ -1,155 +1,303 @@
-/*
-* Copyright (C) 2021 Huawei Device Co., Ltd.
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
-
-import {AsyncCallback} from "./basic";
-
-/**
- * Provides the capabilities and methods for obtaining Short Message Service (SMS) management objects.
- *
- * @since 6
- */
-declare namespace sms {
-  /**
-   * Creates an SMS message instance based on the protocol data unit (PDU) and the specified SMS protocol.
-   *
-   * <p>After receiving the original PDU data, the system creates an SMS message instance according to the specified
-   * SMS protocol.
-   *
-   * @param pdu Indicates the original data, which is obtained from the received SMS.
-   * @param specification Indicates the SMS protocol type. The value {@code 3gpp} indicates GSM/UMTS/LTE SMS,
-   *     and the value {@code 3gpp2} indicates CDMA/LTE SMS.
-   * @param callback Returns an SMS message instance; returns {@code null} if {@code pdu} is empty or
-   *     {@code specification} is not supported.
-   */
-  function createMessage(pdu: Array<number>, specification: string, callback: AsyncCallback<ShortMessage>): void;
-  function createMessage(pdu: Array<number>, specification: string): Promise<ShortMessage>;
-
-  /**
-   * Sends a text or data SMS message.
-   *
-   * <p>This method checks whether the length of an SMS message exceeds the maximum length. If the
-   * maximum length is exceeded, the SMS message is split into multiple parts and sent separately.
-   * <p>You need to obtain the following permission before calling this method:
-   * {@code ohos.permission.SEND_MESSAGES}
-   *
-   * @param options Indicates the parameters and callback for sending the SMS message.
-   */
-  function sendMessage(options: SendMessageOptions): void;
-
-  export interface ShortMessage {
-    /** Indicates the SMS message body. */
-    visibleMessageBody: string;
-    /** Indicates the address of the sender, which is to be displayed on the UI. */
-    visibleRawAddress: string;
-    /** Indicates the SMS type. */
-    messageClass: ShortMessageClass;
-    /** Indicates the protocol identifier. */
-    protocolId: number;
-    /** Indicates the short message service center (SMSC) address. */
-    scAddress: string;
-    /** Indicates the SMSC timestamp. */
-    scTimestamp: number;
-    /** Indicates whether the received SMS is a "replace short message". */
-    isReplaceMessage: boolean;
-    /** Indicates whether the received SMS contains "TP-Reply-Path". */
-    hasReplyPath: boolean;
-    /** Indicates Protocol Data Units (PDUs) from an SMS message. */
-    pdu: Array<number>;
-    /**
-     * Indicates the SMS message status from the SMS-STATUS-REPORT message sent by the
-     * Short Message Service Center (SMSC).
-     */
-    status: number;
-    /** Indicates whether the current message is SMS-STATUS-REPORT. */
-    isSmsStatusReportMessage: boolean;
-    /** Indicates the email message address. */
-    emailAddress: string;
-    /** Indicates the email message body. */
-    emailMessageBody: string;
-    /** Indicates the user data excluding the data header. */
-    userRawData: Array<number>;
-    /** Indicates whether the received SMS is an email message. */
-    isEmailMessage: boolean;
-  }
-
-  export enum ShortMessageClass {
-    /** Indicates an unknown type. */
-    UNKNOWN,
-    /** Indicates an instant message, which is displayed immediately after being received. */
-    INSTANT_MESSAGE,
-    /** Indicates an SMS message that can be stored on the device or SIM card based on the storage status. */
-    OPTIONAL_MESSAGE,
-    /** Indicates an SMS message containing SIM card information, which is to be stored in a SIM card. */
-    SIM_MESSAGE,
-    /** Indicates an SMS message to be forwarded to another device. */
-    FORWARD_MESSAGE
-  }
-
-  export interface SendMessageOptions {
-    /** Indicates the ID of the SIM card slot used for sending the SMS message. */
-    slotId: number;
-    /** Indicates the address to which the SMS message is sent. */
-    destinationHost: string;
-    /** Indicates the SMSC address. If the value is {@code null}, the default SMSC address of the SIM card*/
-    serviceCenter?: string;
-    /** If the content is a string, this is a short message. If the content is a byte array, this is a data message. */
-    content: string | Array<number>;
-    /** If send data message, destinationPort is mandatory. Otherwise is optional. */
-    destinationPort?: number;
-    /** Indicates the callback invoked after the SMS message is sent. */
-    sendCallback?: AsyncCallback<ISendShortMessageCallback>;
-    /** Indicates the callback invoked after the SMS message is delivered. */
-    deliveryCallback?: AsyncCallback<IDeliveryShortMessageCallback>;
-  }
-
-  export interface ISendShortMessageCallback {
-    /** Indicates the SMS message sending result. */
-    result: SendSmsResult;
-    /** Indicates the URI to store the sent SMS message. */
-    url: string;
-    /** Specifies whether this is the last part of a multi-part SMS message. */
-    isLastPart: boolean;
-  }
-
-  export interface IDeliveryShortMessageCallback {
-    /** Indicates the SMS delivery report. */
-    pdu: Array<number>;
-  }
-
-  export enum SendSmsResult {
-    /**
-     * Indicates that the SMS message is successfully sent.
-     */
-    SEND_SMS_SUCCESS = 0,
-
-    /**
-     * Indicates that sending the SMS message fails due to an unknown reason.
-     */
-    SEND_SMS_FAILURE_UNKNOWN = 1,
-
-    /**
-     * Indicates that sending the SMS fails because the modem is powered off.
-     */
-    SEND_SMS_FAILURE_RADIO_OFF = 2,
-
-    /**
-     * Indicates that sending the SMS message fails because the network is unavailable
-     * or does not support sending or reception of SMS messages.
-     */
-    SEND_SMS_FAILURE_SERVICE_UNAVAILABLE = 3
-  }
-}
-
-export default sms;
\ No newline at end of file
+/*
+* Copyright (C) 2021 Huawei Device Co., Ltd.
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+import {AsyncCallback} from "./basic";
+
+/**
+ * Provides the capabilities and methods for obtaining Short Message Service (SMS) management objects.
+ *
+ * @since 6
+ * @sysCap SystemCapability.Telephony.Telephony
+ */
+declare namespace sms {
+  /**
+   * Creates an SMS message instance based on the protocol data unit (PDU) and the specified SMS protocol.
+   *
+   * <p>After receiving the original PDU data, the system creates an SMS message instance according to the specified
+   * SMS protocol.
+   *
+   * @param pdu Indicates the original data, which is obtained from the received SMS.
+   * @param specification Indicates the SMS protocol type. The value {@code 3gpp} indicates GSM/UMTS/LTE SMS,
+   *     and the value {@code 3gpp2} indicates CDMA/LTE SMS.
+   * @param callback Returns an SMS message instance; returns {@code null} if {@code pdu} is empty or
+   *     {@code specification} is not supported.
+   */
+  function createMessage(pdu: Array<number>, specification: string, callback: AsyncCallback<ShortMessage>): void;
+  function createMessage(pdu: Array<number>, specification: string): Promise<ShortMessage>;
+
+  /**
+   * Sends a text or data SMS message.
+   *
+   * <p>This method checks whether the length of an SMS message exceeds the maximum length. If the
+   * maximum length is exceeded, the SMS message is split into multiple parts and sent separately.
+   * <p>You need to obtain the following permission before calling this method:
+   * {@code ohos.permission.SEND_MESSAGES}
+   *
+   * @param options Indicates the parameters and callback for sending the SMS message.
+   * @permission ohos.permission.SEND_MESSAGES
+   */
+  function sendMessage(options: SendMessageOptions): void;
+
+  /**
+   * Sets the default SIM card for sending SMS messages. You can obtain the default SIM card by
+   * using {@code getDefaultSmsSlotId}.
+   *
+   * @param slotId Indicates the default SIM card for sending SMS messages. The value {@code 0} indicates card slot 1,
+   *     and the value {@code 1} indicates card slot 2.
+   * @permission ohos.permission.SET_TELEPHONY_STATE
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function setDefaultSmsSlotId(slotId: number, callback: AsyncCallback<void>): void;
+  function setDefaultSmsSlotId(slotId: number): Promise<void>;
+
+  /**
+   * Obtains the default SIM card for sending SMS messages.
+   *
+   * @param callback Returns {@code 0} if the default SIM card for sending SMS messages is in card slot 1;
+   *     returns {@code 1} if the default SIM card for sending SMS messages is in card slot 2.
+   * @since 7
+   */
+  function getDefaultSmsSlotId(callback: AsyncCallback<number>): void;
+  function getDefaultSmsSlotId(): Promise<number>;
+
+  /**
+   * Sets the address for the Short Message Service Center (SMSC) based on a specified slot ID.
+   *
+   * <p><b>Permissions: </b>{@link ohos.security.SystemPermission#SET_TELEPHONY_STATE}
+   *
+   * @param slotId Indicates the ID of the slot holding the SIM card for sending SMS messages.
+   * @param smscAddr Indicates the SMSC address.
+   * @permission ohos.permission.SET_TELEPHONY_STATE
+   * @since 7
+   */
+  function setSmscAddr(slotId: number, smscAddr: string, callback: AsyncCallback<void>): void;
+  function setSmscAddr(slotId: number, smscAddr: string): Promise<void>;
+
+  /**
+   * Obtains the SMSC address based on a specified slot ID.
+   *
+   * <p><b>Permissions: </b>{@link ohos.security.SystemPermission#GET_TELEPHONY_STATE}
+   *
+   * @param slotId Indicates the ID of the slot holding the SIM card for sending SMS messages.
+   * @param callback Returns the SMSC address.
+   * @permission ohos.permission.GET_TELEPHONY_STATE
+   * @since 7
+   */
+  function getSmscAddr(slotId: number, callback: AsyncCallback<string>): void;
+  function getSmscAddr(slotId: number): Promise<string>;
+
+  /**
+   * @permission ohos.permission.RECEIVE_SMS,ohos.permission.SEND_MESSAGES
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function addSimMessage(options: SimMessageOptions, callback: AsyncCallback<void>): void;
+  function addSimMessage(options: SimMessageOptions): Promise<void>;
+
+  /**
+   * @permission ohos.permission.RECEIVE_SMS,ohos.permission.SEND_MESSAGES
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function delSimMessage(slotId: number, msgIndex: number, callback: AsyncCallback<void>): void;
+  function delSimMessage(slotId: number, msgIndex: number): Promise<void>;
+
+  /**
+   * @permission ohos.permission.RECEIVE_SMS,ohos.permission.SEND_MESSAGES
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function updateSimMessage(options: UpdateSimMessageOptions, callback: AsyncCallback<void>): void;
+  function updateSimMessage(options: UpdateSimMessageOptions): Promise<void>;
+
+  /**
+   * @permission ohos.permission.RECEIVE_SMS
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function getAllSimMessages(slotId: number, callback: AsyncCallback<Array<SimShortMessage>>): void;
+  function getAllSimMessages(slotId: number): Promise<Array<SimShortMessage>>;
+
+  /**
+   * @permission ohos.permission.RECEIVE_SMS
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  function setCBConfig(options: CBConfigOptions, callback: AsyncCallback<void>): void;
+  function setCBConfig(options: CBConfigOptions): Promise<void>;
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  export interface CBConfigOptions {
+    slotId: number,
+    enable: boolean,
+    startMessageId: number,
+    endMessageId: number,
+    ranType: number
+  }
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  export interface SimMessageOptions {
+    slotId: number,
+    smsc: string,
+    pdu: string,
+    status: SimMessageStatus
+  }
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  export interface UpdateSimMessageOptions {
+    slotId: number,
+    msgIndex: number,
+    newStatus: SimMessageStatus,
+    pdu: string,
+    smsc: string
+  }
+
+  export interface ShortMessage {
+    /** Indicates the SMS message body. */
+    visibleMessageBody: string;
+    /** Indicates the address of the sender, which is to be displayed on the UI. */
+    visibleRawAddress: string;
+    /** Indicates the SMS type. */
+    messageClass: ShortMessageClass;
+    /** Indicates the protocol identifier. */
+    protocolId: number;
+    /** Indicates the short message service center (SMSC) address. */
+    scAddress: string;
+    /** Indicates the SMSC timestamp. */
+    scTimestamp: number;
+    /** Indicates whether the received SMS is a "replace short message". */
+    isReplaceMessage: boolean;
+    /** Indicates whether the received SMS contains "TP-Reply-Path". */
+    hasReplyPath: boolean;
+    /** Indicates Protocol Data Units (PDUs) from an SMS message. */
+    pdu: Array<number>;
+    /**
+     * Indicates the SMS message status from the SMS-STATUS-REPORT message sent by the
+     * Short Message Service Center (SMSC).
+     */
+    status: number;
+    /** Indicates whether the current message is SMS-STATUS-REPORT. */
+    isSmsStatusReportMessage: boolean;
+  }
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  export interface SimShortMessage {
+    shortMessage: ShortMessage;
+
+    /** Indicates the storage status of SMS messages in the SIM */
+    simMessageStatus: SimMessageStatus;
+    /** Indicates the index of SMS messages in the SIM */
+    indexOnSim: number;
+  }
+
+  /**
+   * @systemapi Hide this for inner system use.
+   * @since 7
+   */
+  export enum SimMessageStatus {
+    /** status free space ON SIM */
+    SIM_MESSAGE_STATUS_FREE = 0,
+    /** REC READ received read message */
+    SIM_MESSAGE_STATUS_READ = 1,
+    /** REC UNREAD received unread message */
+    SIM_MESSAGE_STATUS_UNREAD = 3,
+    /** STO SENT stored sent message (only applicable to SMs) */
+    SIM_MESSAGE_STATUS_SENT = 5,
+    /** STO UNSENT stored unsent message (only applicable to SMs) */
+    SIM_MESSAGE_STATUS_UNSENT = 7,
+  }
+
+  export enum ShortMessageClass {
+    /** Indicates an unknown type. */
+    UNKNOWN,
+    /** Indicates an instant message, which is displayed immediately after being received. */
+    INSTANT_MESSAGE,
+    /** Indicates an SMS message that can be stored on the device or SIM card based on the storage status. */
+    OPTIONAL_MESSAGE,
+    /** Indicates an SMS message containing SIM card information, which is to be stored in a SIM card. */
+    SIM_MESSAGE,
+    /** Indicates an SMS message to be forwarded to another device. */
+    FORWARD_MESSAGE
+  }
+
+  export interface SendMessageOptions {
+    /** Indicates the ID of the SIM card slot used for sending the SMS message. */
+    slotId: number;
+    /** Indicates the address to which the SMS message is sent. */
+    destinationHost: string;
+    /** Indicates the SMSC address. If the value is {@code null}, the default SMSC address of the SIM card*/
+    serviceCenter?: string;
+    /** If the content is a string, this is a short message. If the content is a byte array, this is a data message. */
+    content: string | Array<number>;
+    /** If send data message, destinationPort is mandatory. Otherwise is optional. */
+    destinationPort?: number;
+    /** Indicates the callback invoked after the SMS message is sent. */
+    sendCallback?: AsyncCallback<ISendShortMessageCallback>;
+    /** Indicates the callback invoked after the SMS message is delivered. */
+    deliveryCallback?: AsyncCallback<IDeliveryShortMessageCallback>;
+  }
+
+  export interface ISendShortMessageCallback {
+    /** Indicates the SMS message sending result. */
+    result: SendSmsResult;
+    /** Indicates the URI to store the sent SMS message. */
+    url: string;
+    /** Specifies whether this is the last part of a multi-part SMS message. */
+    isLastPart: boolean;
+  }
+
+  export interface IDeliveryShortMessageCallback {
+    /** Indicates the SMS delivery report. */
+    pdu: Array<number>;
+  }
+
+  export enum SendSmsResult {
+    /**
+     * Indicates that the SMS message is successfully sent.
+     */
+    SEND_SMS_SUCCESS = 0,
+
+    /**
+     * Indicates that sending the SMS message fails due to an unknown reason.
+     */
+    SEND_SMS_FAILURE_UNKNOWN = 1,
+
+    /**
+     * Indicates that sending the SMS fails because the modem is powered off.
+     */
+    SEND_SMS_FAILURE_RADIO_OFF = 2,
+
+    /**
+     * Indicates that sending the SMS message fails because the network is unavailable
+     * or does not support sending or reception of SMS messages.
+     */
+    SEND_SMS_FAILURE_SERVICE_UNAVAILABLE = 3
+  }
+}
+
+export default sms;
diff --git a/api/@ohos.url.d.ts b/api/@ohos.url.d.ts
index fa3cb00c506bf77ba7e358a2eda6a7b673afb453..246bdc00eaa92f89de0da7371a26c28362084be9 100644
--- a/api/@ohos.url.d.ts
+++ b/api/@ohos.url.d.ts
@@ -1,125 +1,270 @@
 /*
-* 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 class URLSearchParams {
-    constructor(init ? : string[][] | Record<string, string> | string | URLSearchParams
-};
-
-/** Appends a specified key/value pair as a new search parameter.
+ * 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.
  */
-append(name: string, value : string) : void;
 
-/** Delete the given search parameter and its associated value,
- * from the list of all search parameters.
+/**
+ * The url module provides utilities for URL resolution and parsing.
+ * @since 7
+ * @sysCap SystemCapability.CCRuntime
+ * @devices phone, tablet
+ * @import import url from '@ohos.url';
+ * @permission N/A
  */
-delete(name: string) : void;
 
-/** Returns all the values associated with a given search parameter
- * as an array.
- */
-getAll(name: string) : string[];
+declare namespace url {
+    class URLSearchParams {
+        /**
+         * A parameterized constructor used to create an URLSearchParams instance.
+         * As the input parameter of the constructor function, init supports four types.
+         * The input parameter is a character string two-dimensional array.
+         * The input parameter is the object list.
+         * The input parameter is a character string.
+         * The input parameter is the URLSearchParams object.
+         */
+        constructor(init?: string[][] | Record<string, string> | string | URLSearchParams);
 
-/** Returns an iterator allowing to go through all key/value
- * pairs contained in this object.
- */
-entries() : IterableIterator<[string, string]>;
+        /** 
+         * Appends a specified key/value pair as a new search parameter.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @param name Key name of the search parameter to be inserted.
+         * @param value Values of search parameters to be inserted.
+         */
+        append(name: string, value: string): void;
 
-/** 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;
+        /** 
+         * Deletes the given search parameter and its associated value,from the list of all search parameters.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @param Name of the key-value pair to be deleted.
+         */
+        delete(name: string): void;
 
-/** Returns the first value associated to the  given search parameter.
- */
-get(name: string) : string | null;
+        /** 
+         * Returns all key-value pairs associated with a given search parameter as an array.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @param Name Specifies the name of a key value.
+         * @return string[] Returns all key-value pairs with the specified name.
+         */
+        getAll(name: string): string[];
 
-/** Returns a Boolean that indicates whether a parameter with the
- * specified name exists.
- */
-has(name: string) : boolean;
+        /**
+         * Returns an ES6 iterator. Each item of the iterator is a JavaScript Array.
+         * The first item of Array is name, and the second item of Array is value.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns an iterator for ES6.
+         */
+         entries(): IterableIterator<[string, string]>;
 
-/**Sets the value associated with a given search parameter to the
- * given value.If there were several matching values, this methods
- * deletes the others. If the search parameter doesn't exist, this
- * methods creates it.
- */
-set(name: string, value : string) : void;
+        /** 
+         * Callback functions are used to traverse key-value pairs on the URLSearchParams instance object.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @param value Current traversal key value.
+         * @param key Indicates the name of the key that is traversed.
+         * @param searchParams The instance object that is currently calling the forEach method.
+         * @param thisArg to be used as this value for when callbackfn is called
+         */
+        forEach(callbackfn: (value: string, key: string, searchParams: this) => void, thisArg?: Object): void;
 
-/** Sort all key/value pairs contained in this object in place and
-  * return undefined.
-  */
-sort() : void;
+        /**
+         * Returns the first value associated to the given search parameter.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @param name Specifies the name of a key-value pair.
+         * @return Returns the first value found by name. If no value is found, null is returned.
+         */
+        get(name: string): string | null;
 
-/** Returns an iterator allowing to go through all keys contained
-  * in this object.
-  */
-keys() :IterableIterator<string>;
+        /**
+         * Returns a Boolean that indicates whether a parameter with the specified name exists.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @param name Specifies the name of a key-value pair.
+         * @return Returns a Boolean value that indicates whether a found
+         */
+        has(name: string): boolean;
 
-/** Returns an iterator allowing to go through all values contained
-  * in this object.
-  */
-values() : IterableIterator<string>;
+        /**
+         * 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.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @param name Key name of the parameter to be set.
+         * @param value Indicates the parameter value to be set.
+         */
+        set(name: string, value: string): void;
 
+        /**
+         * Sort all key/value pairs contained in this object in place and return undefined.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
+        sort(): void;
 
-/** Returns an iterator allowing to go through all key/value
-  * pairs contained in this object.
-  */
-[Symbol.iterator]() : IterableIterator<[string, string]>;
+        /**
+         * Returns an iterator allowing to go through all keys contained in this object.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns an ES6 Iterator over the names of each name-value pair.
+         */
+        keys(): IterableIterator<string>;
 
-/** Returns a query string suitable for use in a URL.
-   */
-toString() :string;
-}
+        /**
+         * Returns an iterator allowing to go through all values contained in this object.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns an ES6 Iterator over the values of each name-value pair.
+         */
+        values(): IterableIterator<string>;
 
-/* web api URL interface */
-declare 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 */
-    createObjectURL(object: object) : string;
-    revokeObjectURL(url: string) : void;
-    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, readonly */
-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;
-}
+        /**
+         * Returns an iterator allowing to go through all key/value
+         * pairs contained in this object.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns an ES6 iterator. Each item of the iterator is a JavaScript Array. 
+         * The first item of Array is name, and the second item of Array is value.
+         */
+        [Symbol.iterator](): IterableIterator<[string, string]>;
+
+        /**
+         * Returns a query string suitable for use in a URL.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns a search parameter serialized as a string, percent-encoded if necessary.
+         */
+        toString(): string;
+    }
+
+    class URL {
+        /** 
+         * URL constructor, which is used to instantiate a URL object.
+         * url: Absolute or relative input URL to resolve. Base is required if input is relative.
+         * If input is an absolute value, base ignores the value.
+         * base: Base URL to parse if input is not absolute.
+         */
+        constructor(url: string, base?: string | URL);
+
+        /**
+         * Returns the serialized URL as a string.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the serialized URL as a string.
+         */
+        toString(): string;
+
+        /**
+         * Returns the serialized URL as a string.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the serialized URL as a string.
+         */
+        toJSON(): string;
 
-export {URL, URLSearchParams};
\ No newline at end of file
+        /** 
+         * Gets and sets the fragment portion of the URL.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
+        hash: string;
+
+        /** 
+         * Gets and sets the host portion of the URL.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
+        host: string;
+
+        /**
+         * Gets and sets the host name portion of the URL，not include the port.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
+        hostname: string;
+
+        /**
+         * Gets and sets the serialized URL.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
+        href: string;
+
+        /**
+         * Gets the read-only serialization of the URL's origin.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
+        readonly origin: string;
+
+        /**
+         * Gets and sets the password portion of the URL.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
+        password: string;
+
+        /**
+         * Gets and sets the path portion of the URL.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
+        pathname: string;
+
+        /**
+         * Gets and sets the port portion of the URL.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
+        port: string;
+
+        /**
+         * Gets and sets the protocol portion of the URL.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
+        protocol: string;
+
+        /**
+         * Gets and sets the serialized query portion of the URL.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
+        search: string;
+
+        /**
+         * Gets the URLSearchParams object that represents the URL query parameter.
+         * This property is read-only, but URLSearchParams provides an object that can be used to change
+         * the URL instance. To replace the entire query parameter for a URL, use url.searchsetter.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @note Be careful when modifying with .searchParams, because the URLSearchParams
+         * object uses different rules to determine which characters to
+         * percent-encode according to the WHATWG specification.
+         */
+        readonly searchParams: URLSearchParams;
+
+        /**
+         * Gets and sets the username portion of the URL.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
+        username: string;
+    }
+}
+export default url;
\ No newline at end of file
diff --git a/api/@ohos.util.d.ts b/api/@ohos.util.d.ts
index 8ff27facc71e54572be32a544c8dfd7b7f4ac98c..b8584180af91d7f9c6400c3c85006638a8c809d0 100644
--- a/api/@ohos.util.d.ts
+++ b/api/@ohos.util.d.ts
@@ -1,82 +1,582 @@
 /*
-* 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.
-*/
+ * 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.
+ */
+/**
+ * TextDecoder support full encoding in ICU data utf-8 utf-16 iso8859 must support in all device, TextEncoder takes a
+ * stream of code points as input and emits a stream of UTF-8 bytes, and system help function.
+ * @since 7
+ * @sysCap SystemCapability.CCRuntime
+ * @devices phone, tablet
+ * @import import util from '@ohos.util';
+ * @permission N/A
+ */
 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 */
+    /**
+     * %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 with 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.
+     * %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.
+     * @since 7
+     * @sysCap SystemCapability.CCRuntime
+     * @param format styled string
+     * @param args data to be formatted
+     * @return Return the character string formatted in a specific format
+     */
     function printf(format: string, ...args: Object[]): string;
-        
-    /** return the string name of a system errno*/
+
+    /**
+     * Get the string name of the system errno.
+     * @since 7
+     * @sysCap SystemCapability.CCRuntime
+     * @param errno the error code generated by an error in the system
+     * @return 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;
+    /**
+     * Takes an async function (or a function that returns a Promise) and returns a function following the
+     * error-first callback style.
+     * @since 7
+     * @sysCap SystemCapability.CCRuntime
+     * @param original asynchronous function
+     */
+    function callbackWrapper(original: Function): (err: Object, value: Object) => void;
 
     /**
-     *  encoding name: support full encoding in ICU data utf-8 utf-16 iso8859 must support in all device
+     * 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.
+     * @since 7
+     * @sysCap SystemCapability.CCRuntime
+     * @param original asynchronous function
+     * @return return a version that returns promises
      */
+    function promiseWrapper(original: (err: Object, value: Object) => void): Object;
+
     class TextDecoder {
-        /** the source encoding's name, lowercased. */
+        /** 
+         * the source encoding's name, lowercased.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
         readonly encoding: string;
-        /** Returns `true` if error mode is "fatal", and `false` otherwise. */
+
+        /** 
+         * Returns `true` if error mode is "fatal", and `false` otherwise.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
         readonly fatal: boolean;
-        /** Returns `true` if ignore BOM flag is set, and `false` otherwise. */
+
+        /** 
+         * Returns `true` if ignore BOM flag is set, and `false` otherwise.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
         readonly ignoreBOM = false;
+
+		/** 
+         * the textEncoder constructor.
+         * @param 7
+         * @sysCap SystemCapability.CCRuntime
+         * @param encoding decoding format
+         */
         constructor(
             encoding?: string,
             options?: { fatal?: boolean; ignoreBOM?: boolean },
         );
-        /** Returns the result of running encoding's decoder. */
-        decode(input?: ArrayBuffer | ArrayBufferView, options?: { stream?: false }): string;
+
+        /**
+         * Returns the result of running encoding's decoder.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @param input decoded numbers in accordance with the format
+         * @return return decoded text
+         */
+        decode(input: Uint8Array, options?: { stream?: false }): string;
     }
- /**
-     * TextEncoder takes a stream of code points as input and emits a stream of UTF-8 bytes.
-     */
+
     class TextEncoder {
+        /** 
+         * Encoding format.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
         readonly encoding = "utf-8";
-
+		
+		/**
+         * the textEncoder constructor.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         */
         constructor();
 
-        /** Returns the result of encoder. */
+        /**
+         * Returns the result of encoder.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @param The string to be encoded.
+         * @return returns the encoded text.
+         */
         encode(input?: string): Uint8Array;
 
-        /** encode string, write the result to dest array */
+        /**
+         * encode string, write the result to dest array.
+         * @since 7
+         * @sysCap SystemCapability.CCRuntime
+         * @param input The string to be encoded.
+		 * @param dest decoded numbers in accordance with the format
+         * @return returns Returns the object, where read represents
+		 * the number of characters that have been encoded, and written
+		 * represents the number of bytes occupied by the encoded characters.
+         */
         encodeInto(
             input: string,
             dest: Uint8Array,
         ): { read: number; written: number };
     }
-}
+	
+	class RationalNumber​ {
+		/**
+         * A constructor used to create a RationalNumber instance with a given numerator and denominator.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param numerator An integer number
+         * @param denominator An integer number
+         */
+        constructor(numerator: number, denominator: number);
+        /**
+         * Creates a RationalNumber object based on a given string.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param String Expression of Rational Numbers
+         * @return Returns a RationalNumber object generated based on the given string.
+         */
+		static createRationalFromString​(rationalString: string): RationalNumber​;
+        /**
+         * Compares the current RationalNumber object to the given object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param An object of other rational numbers
+         * @return Returns 0 or 1, or -1, depending on the comparison.
+         */
+        compareTo​(another :RationalNumber): number;
+        /**
+         * Compares two objects for equality.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param An object
+         * @return Returns true if the given object is the same as the current object; Otherwise, false is returned.
+         */
+		equals​(obj: Object): boolean;
+		/**
+         * Gets integer and floating-point values of a rational number object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the integer and floating-point values of a rational number object.
+         */
+        value(): number;
+        /**
+         * Get the greatest common divisor of two integers.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param number1 is an integer.
+         * @param number2 is an integer.
+         * @return Returns the greatest common divisor of two integers, integer type.
+         */
+		static getCommonDivisor​(number1: number, number2: number): number;
+        /**
+         * Gets the denominator of the current object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the denominator of the current object.
+         */
+        getDenominator​(): number;
+        /**
+         * Gets the numerator​ of the current object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the numerator​ of the current object.
+         */
+		getNumerator​(): number;
+        /**
+         * Checks whether the current RationalNumber object represents an infinite value.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return If the denominator is not 0, true is returned. Otherwise, false is returned.
+         */
+        isFinite​() : boolean;
+        /**
+         * Checks whether the current RationalNumber object represents a Not-a-Number (NaN) value.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return If both the denominator and numerator are 0, true is returned. Otherwise, false is returned.
+         */
+		isNaN​(): boolean;
+        /**
+         * Checks whether the current RationalNumber object represents the value 0.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return If the value represented by the current object is 0, true is returned. Otherwise, false is returned.
+         */
+        isZero​(): boolean;
+        /**
+         * Obtains a string representation of the current RationalNumber object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns a string representation of the current RationalNumber object.
+         */
+        toString​(): string;
+    }
+	
+	class LruBuffer {        
+		/**
+         * Default constructor used to create a new LruBuffer instance with the default capacity of 64.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param capacity 	Indicates the capacity to customize for the buffer.
+         */
+        constructor(capacity?:number);
+        /**
+         * Updates the buffer capacity to a specified capacity.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param newCapacity Indicates the new capacity to set.
+         */
+		updateCapacity(newCapacity: number):void
+        /**
+         *Returns a string representation of the object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the string representation of the object and outputs the string representation of the object.
+         */
+        toString():string
+        /**
+         * Obtains a list of all values in the current buffer.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the total number of values in the current buffer.
+         */
+		size():number
+        /**
+         * Obtains the capacity of the current buffer.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the capacity of the current buffer.
+         */
+        capacity(): number;
+        /**
+         * Clears key-value pairs from the current buffer.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+		clear(): void;
+        /**
+         * Obtains the number of times createDefault(Object) returned a value.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the number of times createDefault(java.lang.Object) returned a value.
+         */
+        getCreateCount(): number;
+        /**
+         * Obtains the number of times that the queried values are not matched.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the number of times that the queried values are not matched.
+         */
+		getMissCount(): number;
+        /**
+         * Obtains the number of times that values are evicted from the buffer.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the number of times that values are evicted from the buffer.
+         */
+        getRemovalCount(): number;
+        /**
+         * Obtains the number of times that the queried values are successfully matched.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the number of times that the queried values are successfully matched.
+         */
+		getMatchCount(): number;
+        /**
+         * Obtains the number of times that values are added to the buffer.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the number of times that values are added to the buffer.
+         */
+        getPutCount(): number;
+        /**
+         * Checks whether the current buffer is empty.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns true if the current buffer contains no value.
+         */
+		isEmpty​(): boolean;
+        /**
+         * Obtains the value associated with a specified key.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param key Indicates the key to query.
+         * @return Returns the value associated with the key if the specified key is present in the buffer; returns null otherwise.
+         */
+        get(key: K): V | undefined;
+        /**
+         * Adds a key-value pair to the buffer.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param key Indicates the key to add.
+         * @param value Indicates the value associated with the key to add.
+         * @return Returns the value associated with the added key; returns the original value if the key to add already exists.
+         */
+		put(key: K, value: V): V;
+        /**
+         * Obtains a list of all values in the current buffer.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the list of all values in the current buffer in ascending order, from the most recently accessed to least recently accessed.
+         */
+        values(): V[];
+        /**
+         * Obtains a list of keys for the values in the current buffer.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns a list of keys sorted from most recently accessed to least recently accessed.
+         */
+		keys​(): K[];
+        /**
+         * Deletes a specified key and its associated value from the current buffer.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param key key
+         * @return Returns an Optional object containing the deleted key-value pair; returns an empty Optional object if the key does not exist.
+         */
+        remove(key: K): V | undefined;
+        /**
+         * Executes subsequent operations after a value is deleted.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param isEvict The parameter value is true if this method is called due to insufficient capacity, and the parameter value is false in other cases.
+         * @param key Indicates the deleted key.
+         * @param value Indicates the deleted value.
+         * @param newValue 	The parameter value is the new value associated if the put(java.lang.Object,java.lang.Object) method is called and the key to add already exists. The parameter value is null in other cases.
+         */
+		afterRemoval(isEvict: boolean, key: K, value: V, newValue: V): void;
+        /**
+         * Checks whether the current buffer contains a specified key.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param key Indicates the key to check.
+         * @return Returns true if the buffer contains the specified key.
+         */
+        contains​(key: K): boolean;
+        /**
+         * Executes subsequent operations if miss to compute a value for the specific key.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param key Indicates the missed key.
+         * @return Returns the value associated with the key.
+         */
+		createDefault​(key: K): V;
+        /**
+         * Returns an array of key-value pairs of enumeratable properties of a given object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns an array of key-value pairs for the enumeratable properties of the given object itself.
+         */
+        entries(): IterableIterator<[K, V]>;
+        /**
+         * Specifies the default iterator for an object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns a two - dimensional array in the form of key - value pairs.
+         */
+        [Symbol.iterator](): IterableIterator<[K, V]>;
+    }
+	interface ScopeComparable {
+        /* The comparison function is used by the scope. */
+        compareTo(other: ScopeComparable): boolean;
+    }
+
+	type ScopeType = ScopeComparable | number;
 
-export default util;
+	class Scope{
+        /**
+         * A constructor used to create a Scope instance with the lower and upper bounds specified.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param lowerObj A ScopeType value
+         * @param upperObj A ScopeType value
+         */
+        constructor(lowerObj: ScopeType, upperObj: ScopeType);
+        /**
+         * Obtains a string representation of the current range.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns a string representation of the current range object.
+         */
+		toString​(): string;
+        /**
+         * Returns the intersection of a given range and the current range.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param range A Scope range object
+         * @return Returns the intersection of a given range and the current range.
+         */
+        intersect(range: Scope): Scope;
+        /**
+         * Returns the intersection of the current range and the range specified by the given lower and upper bounds.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param lowerObj A ScopeType value
+         * @param upperObj A ScopeType value
+         * @return Returns the intersection of the current range and the range specified by the given lower and upper bounds.
+         */
+		intersect(lowerObj: ScopeType, upperObj: ScopeType): Scope;
+        /**
+         * Obtains the upper bound of the current range.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the upper bound of the current range.
+         */
+        getUpper(): ScopeType;
+        /**
+         * Obtains the lower bound of the current range.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the lower bound of the current range.
+         */
+		getLower(): ScopeType;
+        /**
+         * Creates the smallest range that includes the current range and the given lower and upper bounds.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param lowerObj A ScopeType value
+         * @param upperObj A ScopeType value
+         * @return Returns the smallest range that includes the current range and the given lower and upper bounds.
+         */
+        expand(lowerObj: ScopeType, upperObj: ScopeType): Scope;
+        /**
+         * Creates the smallest range that includes the current range and a given range.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param range A Scope range object
+         * @return Returns the smallest range that includes the current range and a given range.
+         */ 
+		expand(range: Scope): Scope;
+        /**
+         * Creates the smallest range that includes the current range and a given value.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A ScopeType value
+         * @return Returns the smallest range that includes the current range and a given value.
+         */ 
+        expand(value: ScopeType): Scope;
+        /**
+         * Checks whether a given value is within the current range.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param range A ScopeType range
+         * @return If the value is within the current range return true,oherwise return false.
+         */
+		contains(value: ScopeType): boolean;
+        /**
+         * Checks whether a given range is within the current range.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Scope value
+         * @return If the current range is within the given range return true,oherwise return false.
+         */ 
+        contains(range: Scope): boolean;
+        /**
+         * Clamps a given value to the current range.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A ScopeType value
+         * @return Returns a ScopeType object that a given value is clamped to the current range..
+         */ 
+        clamp(value: ScopeType): ScopeType;
+    }
+
+	class Base64{
+        /**
+         * Constructor for creating base64 encoding and decoding
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param No input parameter is required.
+         * @return No return value.
+         */
+		constructor();
+        /**
+         * Encodes all bytes from the specified u8 array into a newly-allocated u8 array using the Base64 encoding scheme.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+		 * @param value A Uint8Array value
+         * @return Return the encoded new Uint8Array.
+         */ 
+		encode(src: Uint8Array): Uint8Array;
+        /**
+         * Encodes the specified byte array into a String using the Base64 encoding scheme.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+		 * @param value A Uint8Array value
+         * @return Return the encoded string.
+         */ 
+		encodeToString(src: Uint8Array): string;
+        /**
+         * Decodes a Base64 encoded String or input u8 array into a newly-allocated u8 array using the Base64 encoding scheme.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+		 * @param value A Uint8Array value or value A string value
+         * @return Return the decoded Uint8Array.
+         */ 
+		decode(src: Uint8Array | string): Uint8Array;
+        /**
+         * Asynchronously encodes all bytes in the specified u8 array into the newly allocated u8 array using the Base64 encoding scheme. 
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+		 * @param value A Uint8Array value
+         * @return Return the encodes asynchronous new Uint8Array.
+         */ 
+		encodeAsync(src: Uint8Array): Promise<Uint8Array>;
+        /**
+         * Asynchronously encodes the specified byte array into a String using the Base64 encoding scheme.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+		 * @param value A Uint8Array value
+         * @return Returns the encoded asynchronous string.
+         */
+		 encodeToStringAsync(src: Uint8Array): Promise<string>;
+        /**
+         * Use the Base64 encoding scheme to asynchronously decode a Base64-encoded string or input u8 array into a newly allocated u8 array.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+		 * @param value A Uint8Array value or value A string value
+         * @return Return the decoded asynchronous Uint8Array.
+         */ 
+		decodeAsync(src: Uint8Array | string): Promise<Uint8Array>;
+	}
+}
+export default util;
\ No newline at end of file
diff --git a/api/@ohos.vibrator.d.ts b/api/@ohos.vibrator.d.ts
new file mode 100755
index 0000000000000000000000000000000000000000..ed5eac57fcb218e017d2819487cdb52f90ce9e4a
--- /dev/null
+++ b/api/@ohos.vibrator.d.ts
@@ -0,0 +1,77 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { AsyncCallback } from './basic';
+
+/**
+ * This module provides the capability to control motor vibration.
+ *
+ * @since 8
+ * @sysCap SystemCapability.Sensors.MiscDevice
+ * @devices phone, tablet
+ * @import import vibrator from '@ohos.vibrator'
+ * @permission ohos.permission.VIBRATE
+ */
+declare namespace vibrator {
+    /**
+     * The trigger motor vibrates for a specified length of time.
+     * @param duration Indicate the duration of the motor vibration.
+     * @permission ohos.permission.VIBRATE
+     * @since 8
+     */
+    function vibrate(duration: number, callback?: AsyncCallback<void>): void;
+    function vibrate(duration: number): Promise<void>;
+
+    /**
+     * The trigger motor vibrates for the specified effect of the preset.
+     * @param effectId Indicate the specified effect of the preset, {@code EffectId}.
+     * @permission ohos.permission.VIBRATE
+     * @since 8
+     */
+    function vibrate(effectId: EffectId): Promise<void>;
+    function vibrate(effectId: EffectId, callback?: AsyncCallback<void>): void;
+
+    /**
+     * Stop the motor from vibrating.
+     * @param stopMode Indicate the stop mode in which the motor vibrates, {@code VibratorStopMode}.
+     * @permission ohos.permission.VIBRATE
+     * @since 8
+     */
+    function stop(stopMode: VibratorStopMode): Promise<void>;
+    function stop(stopMode: VibratorStopMode, callback?: AsyncCallback<void>): void;
+
+    /**
+     * Preset vibration effect string.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.MiscDevice
+     */
+    enum EffectId {
+        /* Describes the vibration effect of the vibrator when a user adjusts the timer.*/
+        EFFECT_CLOCK_TIMER = "haptic.clock.timer",
+    }
+
+    /**
+     * Vibrator vibration stop mode.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.MiscDevice
+     */
+    enum VibratorStopMode {
+        /* Indicates the mode of stopping a one-shot vibration effect.*/
+        VIBRATOR_STOP_MODE_TIME = "time",
+        /* Indicates the mode of stopping a preset vibration effect.*/
+        VIBRATOR_STOP_MODE_PRESET = "preset",
+    }
+}
+
+export default vibrator;
\ No newline at end of file
diff --git a/api/@ohos.wantAgent.d.ts b/api/@ohos.wantAgent.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..17dd1c8aa2d855ada9d3e36a8b994b45eb4ca9e5
--- /dev/null
+++ b/api/@ohos.wantAgent.d.ts
@@ -0,0 +1,229 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { AsyncCallback , Callback} from './basic';
+import { Want } from './ability/want';
+import { WantAgentInfo } from './wantAgent/wantAgentInfo';
+import { TriggerInfo } from './wantAgent/triggerInfo';
+
+/**
+ * Provide the method obtain trigger, cancel, and compare and to obtain
+ * the bundle name, UID of an {@link WantAgent} object.
+ *
+ * @name wantAgent
+ * @since 7
+ * @devices phone, tablet, tv, wearable, car
+ * @import import wantAgent from '@ohos.wantAgent';
+ * @permission N/A
+ */
+declare namespace wantAgent {
+  /**
+   * Obtains the bundle name of a WantAgent.
+   *
+   * @param WantAgent whose bundle name to obtain.
+   * @return Returns the bundle name of the {@link WantAgent} if any.
+   */
+  function getBundleName(agent: WantAgent, callback: AsyncCallback<string>): void;
+  function getBundleName(agent: WantAgent): Promise<string>;
+
+  /**
+   * Obtains the UID of a WantAgent.
+   *
+   * @param WantAgent whose UID to obtain.
+   * @return Returns the UID of the {@link WantAgent} if any; returns {@code -1} otherwise.
+   */
+  function getUid(agent: WantAgent, callback: AsyncCallback<number>): void;
+  function getUid(agent: WantAgent): Promise<number>;
+
+  /**
+   * Obtains the {@link Want} of an {@link WantAgent}.
+   *
+   * @param agent Indicates the {@link WantAgent} whose UID is to be obtained.
+   * @return Returns the {@link Want} of the {@link WantAgent}.
+   * @systemapi Hide this for inner system use.
+   */
+  function getWant(agent: WantAgent, callback: AsyncCallback<Want>): void;
+
+  /**
+   * Obtains the {@link Want} of an {@link WantAgent}.
+   *
+   * @param agent Indicates the {@link WantAgent} whose UID is to be obtained.
+   * @return Returns the {@link Want} of the {@link WantAgent}.
+   * @systemapi Hide this for inner system use.
+   */
+  function getWant(agent: WantAgent): Promise<Want>;
+
+  /**
+   * Cancels a WantAgent. Only the application that creates the WantAgent can cancel it.
+   *
+   * @param WantAgent to cancel.
+   */
+  function cancel(agent: WantAgent, callback: AsyncCallback<void>): void;
+  function cancel(agent: WantAgent): Promise<void>;
+
+  /**
+   * Triggers a WantAgent.
+   *
+   * @param WantAgent to trigger.
+   * @param Trigger parameters.
+   * @param callback Indicates the callback method to be called after the {@link WantAgent} is triggered.
+   */
+  function trigger(agent: WantAgent, triggerInfo: TriggerInfo, callback?: Callback<CompleteData>): void;
+
+  /**
+   * Checks whether two WantAgent objects are equal.
+   *
+   * @param WantAgent to compare.
+   * @param WantAgent to compare.
+   * @return Returns {@code true} If the two objects are the same; returns {@code false} otherwise.
+   */
+  function equal(agent: WantAgent, otherAgent: WantAgent, callback: AsyncCallback<boolean>): void;
+  function equal(agent: WantAgent, otherAgent: WantAgent): Promise<boolean>;
+
+  /**
+   * Obtains a WantAgent object.
+   *
+   * @param Information about the WantAgent object to obtain.
+   * @return Returns the created {@link WantAgent} object.
+   */
+  function getWantAgent(info: WantAgentInfo, callback: AsyncCallback<WantAgent>): void;
+  function getWantAgent(info: WantAgentInfo): Promise<WantAgent>;
+
+  /**
+   * Enumerates flags for using a WantAgent.
+   */
+  export enum WantAgentFlags {
+    /**
+     * Indicates that the WantAgent can be used only once.
+     * This flag is valid only when OperationType is set to START_ABILITY, START_SERVICE, or SEND_COMMON_EVENT.
+     */
+    ONE_TIME_FLAG = 0,
+
+    /**
+     * Indicates that null is returned if the WantAgent does not exist.
+     * This flag is valid only when OperationType is set to START_ABILITY, START_SERVICE, or SEND_COMMON_EVENT.
+     */
+    NO_BUILD_FLAG,
+
+    /**
+     * Indicates that the existing WantAgent should be canceled before a new object is generated.
+     * This flag is valid only when OperationType is set to START_ABILITY, START_SERVICE, or SEND_COMMON_EVENT.
+     */
+    CANCEL_PRESENT_FLAG,
+
+    /**
+     * Indicates that the system only replaces the extra data of the existing WantAgent with that of the new object.
+     * This flag is valid only when OperationType is set to START_ABILITY, START_SERVICE, or SEND_COMMON_EVENT.
+     */
+    UPDATE_PRESENT_FLAG,
+
+    /**
+     * Indicates that the created WantAgent should be immutable.
+     */
+    CONSTANT_FLAG,
+
+    /**
+     * Indicates that the current value of element can be replaced when the WantAgent is triggered.
+     */
+    REPLACE_ELEMENT,
+
+    /**
+     * Indicates that the current value of action can be replaced when the WantAgent is triggered.
+     */
+    REPLACE_ACTION,
+
+    /**
+     * Indicates that the current value of uri can be replaced when the WantAgent is triggered.
+     */
+    REPLACE_URI,
+
+    /**
+     * Indicates that the current value of entities can be replaced when the WantAgent is triggered.
+     */
+    REPLACE_ENTITIES,
+
+    /**
+     * Indicates that the current value of packageName can be replaced when the WantAgent is triggered.
+     */
+    REPLACE_BUNDLE
+  }
+
+  /**
+   * Identifies the operation for using a WantAgent, such as starting an ability or sending a common event.
+   */
+  export enum OperationType {
+    /**
+     * Unknown operation.
+     */
+    UNKNOWN_TYPE = 0,
+
+    /**
+     * Starts an ability with a UI.
+     */
+    START_ABILITY,
+
+    /**
+     * Starts multiple abilities with a UI.
+     */
+    START_ABILITIES,
+
+    /**
+     * Starts an ability without a UI.
+     */
+    START_SERVICE,
+
+    /**
+     * Sends a common event.
+     */
+    SEND_COMMON_EVENT
+  }
+
+  /**
+   * Describes the data returned by after wantAgent.trigger is called.
+   */
+  export interface CompleteData {
+    /**
+     * Triggered WantAgent.
+     */
+    info: WantAgent;
+
+    /**
+     * Existing Want that is triggered.
+     */
+    want: Want;
+
+    /**
+     * Request code used to trigger the WantAgent.
+     */
+    finalCode: number;
+
+    /**
+     * Final data collected by the common event.
+     */
+    finalData: string;
+
+    /**
+     * Extra data collected by the common event.
+     */
+    extraInfo?: {[key: string]: any};
+  }
+}
+
+/**
+ * WantAgent object.
+ */
+export type WantAgent = object;
+
+export default wantAgent;
\ No newline at end of file
diff --git a/api/@ohos.worker.d.ts b/api/@ohos.worker.d.ts
index d7b9ca850a7137eced524b40a7a5231cb4e684c7..1ae39b267c033e7dd0e8d0f5e5e1bf35743026e7 100644
--- a/api/@ohos.worker.d.ts
+++ b/api/@ohos.worker.d.ts
@@ -13,104 +13,364 @@
  * limitations under the License.
  */
 
+/**
+* Provides options that can be set for the worker to create.
+* @devices phone, tablet, wearable
+* @since 7
+*/
 export interface WorkerOptions {
+  /**
+   * Mode in which the worker executes the script.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   type?: "classic" | "module";
+
+  /**
+   * Name of the worker.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   name?: string;
+
+  /**
+   * Whether the worker is shared.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   shared?: boolean;
 }
 
+/**
+ * Defines the event.
+ * @devices phone, tablet, wearable
+ * @since 7
+ */
 export interface Event {
+  /**
+   * Type of the Event.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   readonly type: string;
+
+  /**
+   * Timestamp(accurate to millisecond) when the event is created.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   readonly timeStamp: number;
 }
 
+/**
+ * Provides detailed information about the exception occurred during worker execution.
+ * @devices phone, tablet, wearable
+ * @since 7
+ */
 interface ErrorEvent extends Event {
+  /**
+   * Information about the exception.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   readonly message: string;
+
+  /**
+   * File where the exception is located.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   readonly filename: string;
+
+  /**
+   * Number of the line where the exception is located.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   readonly lineno: number;
+
+  /**
+   * Number of the column where the exception is located.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   readonly colno: number;
+
+  /**
+   * Type of the exception.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   readonly error: Object;
 }
 
+/**
+ * Holds the data transferred between worker threads.
+ * @devices phone, tablet, wearable
+ * @since 7
+ */
 declare interface MessageEvent<T = Object> extends Event {
-  // the data of the message.
+  /**
+   * Data transferred when an exception occurs.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   readonly data: T;
 }
 
+/**
+ * Specifies the object whose ownership need to be transferred during data transfer.
+ * The object must be ArrayBuffer.
+ * @devices phone, tablet, wearable
+ * @since 7
+ */
 export interface PostMessageOptions {
+  /**
+   * ArrayBuffer array used to transfer the ownership.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   transfer?: Object[];
 }
 
+/**
+ * Implements evemt listening.
+ * @devices phone, tablet, wearable
+ * @since 7
+ */
 export interface EventListener {
-    (evt: Event): void | Promise<void>;
+  /**
+   * Specifies the callback to invoke.
+   * @param evt Event class for the callback to invoke.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
+  (evt: Event): void | Promise<void>;
 }
 
+/**
+ * Type of message, only "message" and "messageerror".
+ * @devices phone, tablet, wearable
+ * @since 7
+ */
 type MessageType = "message" | "messageerror";
 
+/**
+ * Specific event features.
+ * @devices phone, tablet, wearable
+ * @since 7
+ */
 declare interface EventTarget {
+  /**
+   * Adds an event listener to the worker.
+   * @param type  Type of the event to listen for.
+   * @param listener Callback to invoke when an event of the specified type occurs.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   addEventListener(
     type: string,
     listener: EventListener
   ): void;
 
+  /**
+   * Dispatches the event defined for the worker.
+   * @param event Event to dispatch.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   dispatchEvent(event: Event): boolean;
 
+  /**
+   * Removes an event defined for the worker.
+   * @param type Type of the event for which the event listener is removed.
+   * @param callback Callback of the event listener to remove.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   removeEventListener(
     type: string,
     callback?: EventListener
   ): void;
 
+  /**
+   * Removes all event listeners for the worker.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   removeAllListener(): void;
 }
 
-/* woker sider interface */
+/**
+ * Specifies the worker thread running environment, which is isolated from the host thread environment.
+ * @devices phone, tablet, wearable
+ * @since 7
+ */
 declare interface WorkerGlobalScope extends EventTarget {
-  // worker name.
+  /**
+   * Worker name specified when there is a new worker.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   readonly name: string;
 
+  /**
+   * The onerror attribute of parentPort specifies
+   * the event handler to be called when an exception occurs during worker execution.
+   * The event handler is executed in the worker thread.
+   * @param ev Error data.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   onerror?: (ev: ErrorEvent) => void;
-  onoffline?: (ev: Event) => void;
-  ononline?: (ev: Event) => void;
-
   readonly self: WorkerGlobalScope & typeof globalThis;
 }
 
+/**
+ * Specifies the worker thread running environment, which is isolated from the host thread environment
+ * @devices phone, tablet, wearable
+ * @since 7
+ */
 declare interface DedicatedWorkerGlobalScope extends WorkerGlobalScope {
+  /**
+   * The onmessage attribute of parentPort specifies the event handler
+   * to be called then the worker thread receives a message sent by
+   * the host thread through worker postMessage.
+   * The event handler is executed in the worker thread.
+   * @param ev Message received.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   onmessage?: (this: DedicatedWorkerGlobalScope, ev: MessageEvent) => void;
+
+  /**
+   * The onmessage attribute of parentPort specifies the event handler
+   * to be called then the worker receives a message that cannot be deserialized.
+   * The event handler is executed in the worker thread.
+   * @param ev Error data.
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   onmessageerror?: (this: DedicatedWorkerGlobalScope, ev: MessageEvent) => void;
 
+  /**
+   * Close the worker thread to stop the worker from receiving messages
+   * @devices phone, tablet, wearable
+   * @since 7
+   */
   close(): void;
+
   /**
-   * Clones message and transmits it to the Worker object associated with dedicatedWorkerGlobal.
-   * transfer can be passed as a list of objects that are to be transferred rather than cloned.
+   * Send a message to be host thread from the worker
+   * @param messageObject Data to be sent to the worker
+   * @param transfer array cannot contain null.
+   * @devices phone, tablet, wearable
+   * @since 7
    */
   postMessage(messageObject: Object, transfer: Transferable[]): void;
   postMessage(messageObject: Object, options?: PostMessageOptions): void;
 }
 
 /**
- * @devices phone, tablet
+ * JS cross-thread communication tool
+ * @devices phone, tablet, wearable
+ * @since 7
  */
 declare namespace worker {
   class Worker extends EventTarget {
-      constructor(scriptURL: string, options?: WorkerOptions);
-      onexit?: (code: number) => void;
-      // error callback.
-      onerror?: (err: ErrorEvent) => void;
-      // type = "message".
-      onmessage?: (event: MessageEvent) => void;
-      onmessageerror?: (event: MessageEvent) => void;
-      // use structured clone algorithm to transfor object.
-      postMessage(message: Object, transfer: ArrayBuffer[]): void;
-      // support transfor list type:
-      // all primitive types, Boolean, String, Date, RegExp, Map, Set, Array, Object(can represet literal).
-      postMessage(message: Object, options?: PostMessageOptions): void;
-
-      on(type: string, listener: EventListener): void;
-      once(type: string, listener: EventListener): void;
-      off(type: string, listener?: EventListener): void;
-
-      terminate(): void;
+    /**
+     * Creates a worker instance
+     * @param scriptURL URL of the script to be executed by the worker
+     * @param options Options that can be set for the worker
+     * @devices phone, tablet, wearable
+     * @since 7
+     */
+    constructor(scriptURL: string, options?: WorkerOptions);
+
+    /**
+     * The onexit attribute of the worker specifies the event handler to be called
+     * when the worker exits. The handler is executed in the host thread.
+     * @param code Code indicating the worker exit state
+     * @devices phone, tablet, wearable
+     * @since 7
+     */
+    onexit?: (code: number) => void;
+
+    /**
+     * The onerror attribute of the worker specifies the event handler to be called
+     * when an exception occurs during worker execution.
+     * The event handler is executed in the host thread.
+     * @devices phone, tablet, wearable
+     * @since 7
+     */
+    onerror?: (err: ErrorEvent) => void;
+
+    /**
+     * The onmessage attribute of the worker specifies the event handler
+     * to be called then the host thread receives a message created by itself
+     * and sent by the worker through the parentPort.postMessage.
+     * The event handler is executed in the host thread.
+     * @param event Message received.
+     * @devices phone, tablet, wearable
+     * @since 7
+     */
+    onmessage?: (event: MessageEvent) => void;
+
+    /**
+     * The onmessage attribute of the worker specifies the event handler
+     * when the worker receives a message that cannot be serialized.
+     * The event handler is executed in the host thread.
+     * @devices phone, tablet, wearable
+     * @since 7
+     */
+    onmessageerror?: (event: MessageEvent) => void;
+
+    /**
+     * Sends a message to the worker thread.
+     * The data is transferred using the structured clone algorithm.
+     * @param message Data to be sent to the worker
+     * @param transfer ArrayBuffer instance that can be transferred.
+     * The transferList array cannot contain null.
+     * @devices phone, tablet, wearable
+     * @since 7
+     */
+    postMessage(message: Object, transfer: ArrayBuffer[]): void;
+    postMessage(message: Object, options?: PostMessageOptions): void;
+
+    /**
+     * Adds an event listener to the worker.
+     * @param type Adds an event listener to the worker.
+     * @param listener Callback to invoke when an event of the specified type occurs.
+     * @devices phone, tablet, wearable
+     * @since 7
+     */
+    on(type: string, listener: EventListener): void;
+
+    /**
+     * Adds an event listener to the worker
+     * and removes the event listener automically after it is invoked once.
+     * @param type Type of the event to listen for
+     * @param listener Callback to invoke when an event of the specified type occurs
+     * @devices phone, tablet, wearable
+     * @since 7
+     */
+    once(type: string, listener: EventListener): void;
+
+    /**
+     * Removes an event listener to the worker.
+     * @param type Type of the event for which the event listener is removed.
+     * @param listener Callback of the event listener to remove.
+     * @devices phone, tablet, wearable
+     * @since 7
+     */
+    off(type: string, listener?: EventListener): void;
+
+    /**
+     * Terminates the worker thread to stop the worker from receiving messages
+     * @devices phone, tablet, wearable
+     * @since 7
+     */
+    terminate(): void;
   }
   const parentPort: DedicatedWorkerGlobalScope;
 }
diff --git a/api/@ohos.xml.d.ts b/api/@ohos.xml.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..641e4ea0d21134ceaed9fd5fb8c465fd09116b9d
--- /dev/null
+++ b/api/@ohos.xml.d.ts
@@ -0,0 +1,223 @@
+/*
+ * 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.
+ */
+
+/**
+  * The xml module provides utilities for converting XML text to Javascript object.
+  * @since 8
+  * @sysCap SystemCapability.CCRuntime
+  * @devices phone, tablet
+  * @import import xml from '@ohos.xml';
+  * @permission N/A
+  */
+declare namespace xml {
+    class DefaultKey {
+        /**
+         * default Name of the declaration property key in the output object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        readonly declarationKey = "_declaration";
+		/**
+         * default Name of the instruction property key in the output object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        readonly instructionKey = "_instruction";
+        /**
+         * default Name of the attributes property key in the output object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        readonly attributesKey = "_attributes";
+        /**
+         * default Name of the text property key in the output object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        readonly textKey = "_text";
+		/**
+         * default Name of the cdata property key in the output object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        readonly cdataKey = "_cdata";
+        /**
+         * default Name of the doctype property key in the output object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        readonly doctypeKey = "_doctype";
+        /**
+         * default Name of the comment property key in the output object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        readonly commentKey = "_comment";
+		/**
+         * default Name of the parent property key in the output object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        readonly parentKey = "_parent";
+        /**
+         * default Name of the type property key in the output object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        readonly typeKey = "_type";
+        /**
+         * default Name of the name property key in the output object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        readonly nameKey = "_name";
+		/**
+         * default Name of the elements property key in the output object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        readonly elementsKey = "_elements";
+    }
+
+    interface ConvertOptions {
+        /**
+         * Whether to trim whitespace characters that may exist before and after the text, default false.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        trim: boolean;
+        /**
+         * Whether to ignore writing declaration directives of xml.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        ignoreDeclaration?: boolean;
+        /**
+         * Whether to ignore writing processing instruction of xml.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        ignoreInstruction?: boolean;
+        /**
+         * Whether to print attributes across multiple lines and indent them.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        ignoreAttributes?: boolean;
+        /**
+         * Whether to ignore writing comments of the elements.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        ignoreComment?: boolean;
+		/**
+         * Whether to ignore writing CData of the elements.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        ignoreCdata?: boolean;
+        /**
+         * Whether to ignore writing Doctype of the elements.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        ignoreDoctype?: boolean;
+        /**
+         * Whether to ignore writing texts of the elements.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        ignoreText?: boolean;
+		/**
+         * Name of the property key which will be used for the declaration.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        declarationKey: string;
+        /**
+         * Name of the property key which will be used for the processing instruction.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        instructionKey: string;
+        /**
+         * Name of the property key which will be used for the attributes.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        attributesKey: string;
+		/**
+         * Name of the property key which will be used for the text.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        textKey: string;
+        /**
+         * Name of the property key which will be used for the cdata.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        cdataKey: string;
+        /**
+         * Name of the property key which will be used for the doctype.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        doctypeKey: string;
+		/**
+         * Name of the property key which will be used for the comment.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        commentKey: string;
+        /**
+         * Name of the property key which will be used for the parent.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        parentKey: string;
+        /**
+         * Name of the property key which will be used for the type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        typeKey: string;
+        /**
+         * Name of the property key which will be used for the name.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        nameKey: string;
+		/**
+         * Name of the property key which will be used for the elements.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        elementsKey: string;
+    }
+
+    interface ConvertXML {
+        /**
+         * To convert XML text to JavaScript object.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime.
+         * @param xml The xml text to be converted.
+         * @param option Option Inputed by user to set.
+         * @return Returns a JavaScript object converting from XML text.
+         */
+        convert(xml: string, option?: ConvertOptions) : Object;
+    }
+}
+export default xml;
\ No newline at end of file
diff --git a/api/@ohos.zlib.d.ts b/api/@ohos.zlib.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..abb974b2b034af961083197cdc467fab404de228
--- /dev/null
+++ b/api/@ohos.zlib.d.ts
@@ -0,0 +1,114 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License"),
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { AsyncCallback } from './basic';
+
+declare namespace zlib {
+/**
+ * @name ErrorCode
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @import NA
+ * @permission NA
+ * @devices phone, tablet, tv, wearable, car
+ */
+  export enum ErrorCode {
+    ERROR_CODE_OK = 0,
+    ERROR_CODE_ERRNO = -1
+  }
+
+/**
+ * @name CompressLevel
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @import NA
+ * @permission NA
+ * @devices phone, tablet, tv, wearable, car
+ */
+  export enum CompressLevel {
+    COMPRESS_LEVEL_NO_COMPRESSION = 0,
+    COMPRESS_LEVEL_BEST_SPEED = 1,
+    COMPRESS_LEVEL_BEST_COMPRESSION = 9,
+    COMPRESS_LEVEL_DEFAULT_COMPRESSION = -1
+  }
+
+/**
+ * @name CompressStrategy
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @import NA
+ * @permission NA
+ * @devices phone, tablet, tv, wearable, car
+ */
+  export enum CompressStrategy {
+    COMPRESS_STRATEGY_DEFAULT_STRATEGY = 0,
+    COMPRESS_STRATEGY_FILTERED = 1,
+    COMPRESS_STRATEGY_HUFFMAN_ONLY = 2,
+    COMPRESS_STRATEGY_RLE = 3,
+    COMPRESS_STRATEGY_FIXED = 4
+  }
+
+/**
+ * @name MemLevel
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @import NA
+ * @permission NA
+ * @devices phone, tablet, tv, wearable, car
+ */
+  export enum MemLevel {
+    MEM_LEVEL_MIN = 1,
+    MEM_LEVEL_MAX = 9,
+    MEM_LEVEL_DEFAULT = 8
+  }
+
+/**
+ * @name Options
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @import NA
+ * @permission NA
+ * @devices phone, tablet, tv, wearable, car
+ */
+  interface Options {
+    level?: CompressLevel;
+    memLevel?: MemLevel;
+    strategy?: CompressStrategy;
+  }
+
+  /**
+   * Compress the specified file.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @param inFile Indicates the path of the file to be compressed.
+   * @param outFile Indicates the path of the output compressed file.
+   * @return Returns error code.
+   */
+  function zipFile(inFile:string, outFile:string, options: Options): Promise<void>;
+
+  /**
+   * Decompress the specified file.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @param inFile Indicates the path of the file to be decompressed.
+   * @param outFile Indicates the path of the decompressed file.
+   * @return Returns error code.
+   */
+  function unzipFile(inFile:string, outFile:string, options: Options): Promise<void>;
+}
diff --git a/api/ability/abilityResult.d.ts b/api/ability/abilityResult.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..834f9b505de9f57480cde67a05f61f641b062d60
--- /dev/null
+++ b/api/ability/abilityResult.d.ts
@@ -0,0 +1,37 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Want } from './want';
+
+export interface AbilityResult {
+  /**
+   * Indicates the result code returned after the ability is destroyed. You can define the result
+   * code to identify an error.
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   */
+  resultCode: number;
+
+  /**
+   * Indicates the data returned after the ability is destroyed. You can define the data returned.
+   * This parameter can be null.
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   */
+  want?: Want;
+}
\ No newline at end of file
diff --git a/api/ability/connectOptions.d.ts b/api/ability/connectOptions.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c718f678c3b1a8efde126c16d3378e9e0a91ebf8
--- /dev/null
+++ b/api/ability/connectOptions.d.ts
@@ -0,0 +1,52 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ElementName } from '../bundle/elementName';
+import rpc from './../@ohos.rpc';
+
+export interface ConnectOptions {
+  /**
+   * The callback interface was connect successfully.
+   *
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @SysCap aafwk
+   * @param elementName The element name of the service ability
+   * @param remoteObject The remote object instance
+   */
+  onConnect: (elementName: ElementName, remoteObject: RemoteObject) => void;
+
+  /**
+   * The callback interface was disconnect successfully.
+   *
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @SysCap aafwk
+   * @param elementName The element name of the service ability
+   */
+  onDisconnect: (elementName: ElementName) => void;
+
+  /**
+   * The callback interface was connect failed.
+   *
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @SysCap aafwk
+   * @param code The error code of the failed.
+   */
+  onFailed: (code: number) => void;
+}
diff --git a/api/ability/dataAbilityHelper.d.ts b/api/ability/dataAbilityHelper.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e9c37677bdd973506205498e26c64c319d8bd234
--- /dev/null
+++ b/api/ability/dataAbilityHelper.d.ts
@@ -0,0 +1,200 @@
+/*
+* Copyright (c) 2021 Huawei Device Co., Ltd.
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+* http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+import { AsyncCallback } from '../basic';
+import { ResultSet } from '../data/rdb/resultSet';
+import { DataAbilityOperation } from './dataAbilityOperation';
+import { DataAbilityResult } from './dataAbilityResult';
+import dataAbility from '../@ohos.data.dataAbility';
+import rdb from '../@ohos.data.rdb';
+
+/**
+ * DataAbilityHelper
+ * @devices phone, tablet
+ *
+ * @since 7
+ */
+export interface DataAbilityHelper {
+    /**
+     * Opens a file in a specified remote path.
+     *
+     * @devices phone, tablet
+     * @since 7
+     * @SysCap AAFwk
+     * @param uri Indicates the path of the file to open.
+     * @param mode Indicates the file open mode, which can be "r" for read-only access, "w" for write-only access
+     *             (erasing whatever data is currently in the file), "wt" for write access that truncates any existing
+     *             file, "wa" for write-only access to append to any existing data, "rw" for read and write access on
+     *             any existing data, or "rwt" for read and write access that truncates any existing file.
+     * @param callback Indicates the callback when openfile success
+     * @return Returns the file descriptor.
+     */
+    openFile(uri: string, mode: string, callback: AsyncCallback<number>): void;
+    openFile(uri: string, mode: string): Promise<number>;
+
+    /**
+     * Registers an observer to observe data specified by the given uri.
+     *
+     * @devices phone, tablet
+     * @since 7
+     * @SysCap AAFwk
+     * @param type dataChange.
+     * @param uri Indicates the path of the data to operate.
+     * @param callback Indicates the callback when dataChange.
+     * @return -
+     */
+    on(type: 'dataChange', uri: string, callback: AsyncCallback<void>): void;
+
+    /**
+     * Deregisters an observer used for monitoring data specified by the given uri.
+     *
+     * @devices phone, tablet
+     * @since 7
+     * @SysCap AAFwk
+     * @param type dataChange.
+     * @param uri Indicates the path of the data to operate.
+     * @param callback Indicates the registered callback.
+     * @return -
+     */
+    off(type: 'dataChange', uri: string, callback?: AsyncCallback<void>): void;
+
+    /**
+     * Obtains the MIME type of the date specified by the given URI.
+     *
+     * @devices phone, tablet
+     * @since 7
+     * @SysCap AAFwk
+     * @param uri Indicates the path of the data to operate.
+     * @return Returns the MIME type that matches the data specified by uri.
+     */
+    getType(uri: string, callback: AsyncCallback<string>): void;
+    getType(uri: string): Promise<string>;
+
+    /**
+     * Obtains the MIME types of files supported.
+     *
+     * @devices phone, tablet
+     * @since 7
+     * @SysCap AAFwk
+     * @param uri Indicates the path of the files to obtain.
+     * @param mimeTypeFilter Indicates the MIME types of the files to obtain.
+     * @return Returns the matched MIME types Array.
+     */
+    getFileTypes(uri: string,  mimeTypeFilter: string, callback: AsyncCallback<Array<string>>): void;
+    getFileTypes(uri: string,  mimeTypeFilter: string): Promise<Array<string>>;
+
+    /**
+     * Converts the given uri that refers to the Data ability into a normalized uri.
+     *
+     * @devices phone, tablet
+     * @since 7
+     * @SysCap AAFwk
+     * @param uri Indicates the uri object to normalize.
+     * @return Returns the normalized uri object if the Data ability supports URI normalization or null.
+     */
+    normalizeUri(uri: string, callback: AsyncCallback<string>): void;
+    normalizeUri(uri: string): Promise<string>;
+
+    /**
+     * Converts the given normalized uri generated by normalizeUri(uri) into a denormalized one.
+     *
+     * @devices phone, tablet
+     * @since 7
+     * @SysCap AAFwk
+     * @param uri Indicates the uri object to normalize.
+     * @return Returns the denormalized uri object if the denormalization is successful.
+     */
+    denormalizeUri(uri: string, callback: AsyncCallback<string>): void;
+    denormalizeUri(uri: string): Promise<string>;
+
+    /**
+     * Notifies the registered observers of a change to the data resource specified by uri.
+     *
+     * @devices phone, tablet
+     * @since 7
+     * @SysCap AAFwk
+     * @param uri Indicates the path of the data to operate.
+     * @return -
+     */
+    notifyChange(uri: string, callback: AsyncCallback<void>): void;
+    notifyChange(uri: string): Promise<void>;
+
+    /**
+     * Inserts a single data record into the database.
+     *
+     * @devices phone, tablet
+     * @since 7
+     * @SysCap AAFwk
+     * @param uri Indicates the path of the data to insert.
+     * @param valuesBucket Indicates the data record to insert. If this parameter is null, a blank row will be inserted.
+     * @return Returns the index of the inserted data record.
+     */
+    insert(uri: string, valuesBucket: rdb.ValuesBucket, callback: AsyncCallback<number>): void;
+    insert(uri: string, valuesBucket: rdb.ValuesBucket): Promise<number>;
+
+    /**
+     * Inserts multiple data records into the database.
+     *
+     * @devices phone, tablet
+     * @since 7
+     * @SysCap AAFwk
+     * @param uri Indicates the path of the data to batchInsert.
+     * @param valuesBuckets Indicates the data records to insert.
+     * @return Returns the number of data records inserted.
+     */
+    batchInsert(uri: string, valuesBuckets: Array<rdb.ValuesBucket>, callback: AsyncCallback<number>): void;
+    batchInsert(uri: string, valuesBuckets: Array<rdb.ValuesBucket>): Promise<number>;
+
+    /**
+     * Deletes one or more data records from the database.
+     *
+     * @devices phone, tablet
+     * @since 7
+     * @SysCap AAFwk
+     * @param uri Indicates the path of the data to delete.
+     * @param predicates Indicates filter criteria. You should define the processing logic when this parameter is null.
+     * @return Returns the number of data records deleted.
+     */
+    delete(uri: string, predicates: dataAbility.DataAbilityPredicates, callback: AsyncCallback<number>): void;
+    delete(uri: string, predicates: dataAbility.DataAbilityPredicates): Promise<number>;
+
+    /**
+     * Updates data records in the database.
+     *
+     * @devices phone, tablet
+     * @since 7
+     * @SysCap AAFwk
+     * @param uri Indicates the path of data to update.
+     * @param valuesBucket Indicates the data to update.
+     * @param predicates Indicates filter criteria. You should define the processing logic when this parameter is null.
+     * @return Returns the number of data records updated.
+     */
+    update(uri: string, valuesBucket: rdb.ValuesBucket, predicates: dataAbility.DataAbilityPredicates, callback: AsyncCallback<number>): void;
+    update(uri: string, valuesBucket: rdb.ValuesBucket, predicates: dataAbility.DataAbilityPredicates): Promise<number>;
+
+    /**
+     * Queries data in the database.
+     *
+     * @devices phone, tablet
+     * @since 7
+     * @SysCap AAFwk
+     * @param uri Indicates the path of data to query.
+     * @param columns Indicates the columns to query. If this parameter is null, all columns are queried.
+     * @param predicates Indicates filter criteria. You should define the processing logic when this parameter is null.
+     * @return Returns the query result {@link ResultSet}.
+     */
+    query(uri: string, columns: Array<string>, predicates: dataAbility.DataAbilityPredicates, callback: AsyncCallback<ResultSet>): void;
+    query(uri: string, columns: Array<string>, predicates: dataAbility.DataAbilityPredicates): Promise<ResultSet>;
+}
diff --git a/api/ability/dataAbilityOperation.d.ts b/api/ability/dataAbilityOperation.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2d045916a1ebabde272a8823bc090a4de851ce4d
--- /dev/null
+++ b/api/ability/dataAbilityOperation.d.ts
@@ -0,0 +1,93 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import featureAbility from '../@ohos.ability.featureAbility';
+import dataAbility from '../@ohos.data.dataAbility';
+import rdb from '../@ohos.data.rdb';
+
+export interface DataAbilityOperation {
+  /**
+   * Indicates the path of data to operate.
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   */
+  uri: string;
+
+  /**
+   * Indicates a operation type.
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   */
+  type: featureAbility.DataAbilityOperationType;
+
+  /**
+   * Indicates the data values to be set.
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   */
+  valuesBucket?: rdb.ValuesBucket;
+
+  /**
+   * Indicates the valuesBucket object containing a set of key-value pairs.
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   */
+  valueBackReferences?: rdb.ValuesBucket;
+
+  /**
+   * Indicates the filter criteria to set. If this parameter is null, all data records
+   * will be operated by default.
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   */
+  predicates?: dataAbility.DataAbilityPredicates;
+
+  /**
+   * Indicates the back reference to be used as a filter criterion in predicates.
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   */
+  predicatesBackReferences?: Map<number, number>;
+
+  /**
+   * Specifies whether a batch operation can be interrupted.
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   */
+  interrupted?: boolean;
+
+  /**
+   * Indicates the expected number of rows to update or delete.
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   */
+  expectedCount?: number;
+}
\ No newline at end of file
diff --git a/api/@internal/component/ets/loadingProgress.d.ts b/api/ability/dataAbilityResult.d.ts
similarity index 63%
rename from api/@internal/component/ets/loadingProgress.d.ts
rename to api/ability/dataAbilityResult.d.ts
index 61722c1d9aecb2bc970845f961379ca4ede1a2d1..fc5878a67209237c7b95167f132eb25d3da506ed 100644
--- a/api/@internal/component/ets/loadingProgress.d.ts
+++ b/api/ability/dataAbilityResult.d.ts
@@ -13,17 +13,22 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, Resource} from "./common";
+export interface DataAbilityResult {
+  /**
+   * Indicates the path of data to operate.
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   */
+   uri?: string;
 
-export declare enum LoadingProgressStyle{
-  Default,
-  Circular,
-  Orbital,
-}
-
-interface LoadingProgress extends CommonMethod<LoadingProgress> {
-  (): LoadingProgress;
-  color(value: Color | Resource): LoadingProgress;
-}
-
-export declare const LoadingProgressInterface: LoadingProgress;
+   /**
+   * Indicates the number of rows affected by the operation.
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   */
+   count?:number;
+}
\ No newline at end of file
diff --git a/api/ability/startAbilityParameter.d.ts b/api/ability/startAbilityParameter.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9d99dcb38d8f2b35293d1884089d0da46c20e334
--- /dev/null
+++ b/api/ability/startAbilityParameter.d.ts
@@ -0,0 +1,38 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Want } from './want';
+
+export interface StartAbilityParameter {
+  /**
+   * Indicates the Want containing information about the target ability to start.
+   *
+   * @default -
+   * @devices phone, tablet
+   * @since 3
+   * @SysCap aafwk
+   */
+  want: Want;
+
+  /**
+   * Indicates the special start setting used in starting ability.
+   *
+   * @default -
+   * @devices phone, tablet
+   * @since 3
+   * @SysCap aafwk
+   */
+  abilityStartSetting?: {[key: string]: any};
+
+}
\ No newline at end of file
diff --git a/api/ability/want.d.ts b/api/ability/want.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..af2183ded2e6bd1db19f78012e18925d70a88482
--- /dev/null
+++ b/api/ability/want.d.ts
@@ -0,0 +1,105 @@
+/*
+ * 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.
+ */
+
+/**
+  * Want is the basic communication component of the system.
+  * @name Want
+  * @since 6
+  * @sysCap AAFwk
+  * @devices phone, tablet
+  * @permission N/A
+  */
+export declare interface Want {
+  /**
+   * device id
+   * @default -
+   * @devices phone, tablet
+   * @since 6
+   * @sysCap AAFwk
+   */
+  deviceId?: string;
+
+  /**
+   * bundle name
+   * @default -
+   * @devices phone, tablet
+   * @since 6
+   * @sysCap AAFwk
+   */
+  bundleName?: string;
+
+  /**
+   * ability name
+   * @default -
+   * @devices phone, tablet
+   * @since 6
+   * @sysCap AAFwk
+   */
+  abilityName?: string;
+
+  /**
+   * The description of a URI in a Want.
+   * @devices phone, tablet
+   * @since 6
+   * @sysCap AAFwk
+   * @default -
+   */
+  uri?: string;
+
+  /**
+   * The description of the type in this Want.
+   * @devices phone, tablet
+   * @since 6
+   * @sysCap AAFwk
+   * @default -
+   */
+  type?: string;
+
+  /**
+   * The options of the flags in this Want.
+   * @devices phone, tablet
+   * @since 6
+   * @sysCap AAFwk
+   * @default -
+   */
+  flags?: number;
+
+  /**
+   * The description of an action in an want.
+   * @devices phone, tablet
+   * @since 6
+   * @sysCap AAFwk
+   * @default -
+   */
+  action?: string;
+
+  /**
+   * The description of the WantParams object in an Want
+   * @devices phone, tablet
+   * @since 6
+   * @sysCap AAFwk
+   * @default -
+   */
+  parameters?: {[key: string]: any};
+
+  /**
+   * The description of a entities in a Want.
+   * @devices phone, tablet
+   * @since 6
+   * @sysCap AAFwk
+   * @default -
+   */
+  entities?: Array<string>;
+}
\ No newline at end of file
diff --git a/api/app/want.d.ts b/api/app/abilityMissionInfo.d.ts
old mode 100755
new mode 100644
similarity index 36%
rename from api/app/want.d.ts
rename to api/app/abilityMissionInfo.d.ts
index a1b19122d76b13f2af53cf753476569fca51b9ac..0bb23da71676adad9bfc29b0462f0a7ab560f435
--- a/api/app/want.d.ts
+++ b/api/app/abilityMissionInfo.d.ts
@@ -1,81 +1,57 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {ElementName} from "./elementname"
-
-/**
- * Want is the basic communication component of the system.
- * @name Want
- * @since 6
- * @sysCap aafwk
- * @devices phone
- * @permission N/A
- * @testapi
- **/
-export declare interface Want {
-    /**
-     * The description of the type in this Want.
-     * @devices phone, tablet
-     * @since 6
-     * @sysCap AAFwk
-     * @default -
-     */
-    type: string;
-
-    /**
-     * The description of the flags in this Want.
-     * @devices phone, tablet
-     * @since 6
-     * @sysCap AAFwk
-     * @default -
-     */
-    flags: number;
-
-    /**
-     * The description of an action in an want.
-     * @devices phone, tablet
-     * @since 6
-     * @sysCap AAFwk
-     * @default -
-     */
-    action: string;
-
-    /**
-     * The description of the WantParams object in an Want
-     * @devices phone, tablet
-     * @since 6
-     * @sysCap AAFwk
-     * @default -
-     */
-    want_param?: object
-
-    /**
-     * The description of a entities in a Want.
-     * @devices phone, tablet
-     * @since 6
-     * @sysCap AAFwk
-     * @default -
-     */
-    entities: Array<string>;
-
-    /**
-     * The description of an elementname in a Want.
-     * @devices phone, tablet
-     * @since 6
-     * @sysCap AAFwk
-     * @default -
-     */
-    elementName: ElementName;
-}
\ No newline at end of file
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ElementName } from '../bundle/elementName';
+
+/**
+ * @name Mission information corresponding to ability
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @import import AbilityMissionInfo from 'app/abilityMissionInfo'
+ * @permission N/A
+ * @devices phone, tablet, tv, wearable, car
+ */
+export interface AbilityMissionInfo {
+    /**
+     * @default Unique identification of task stack information corresponding to ability
+     * @since 7
+     * @SysCap SystemCapability.Appexecfwk
+     */
+    missionId: number;
+
+    /**
+     * @default The component launched as the first ability in the task stack
+     * This can be considered the "application" of this task stack
+     * @since 7
+     * @SysCap SystemCapability.Appexecfwk
+     */
+    bottomAbility: ElementName;
+
+    /**
+     * @default The ability component at the top of the history stack of the task
+     * This is what the user is currently doing
+     * @since 7
+     * @SysCap SystemCapability.Appexecfwk
+     */
+    topAbility: ElementName;
+
+    /**
+     * @default The corresponding ability description information in the task stack
+     * @since 7
+     * @SysCap SystemCapability.Appexecfwk
+     */
+     windowMode: number;
+}
+
diff --git a/api/app/abilityinfo.d.ts b/api/app/abilityinfo.d.ts
deleted file mode 100755
index 5a6cde1249b8bd5199a8e743e112691c902ebe17..0000000000000000000000000000000000000000
--- a/api/app/abilityinfo.d.ts
+++ /dev/null
@@ -1,253 +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.
- */
-
-import { ApplicationInfo } from "./applicationinfo"
-
-/**
- * @name AbilityInfo
- * @since 6
- * @SysCap appexecfwk
- * @import NA
- * @permission NA
- * @devices phone
- * @testapi
- */
-export interface AbilityInfo {
-    /**
-     * The ability name, only the main class name.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    name: string;
-
-    /**
-     * The label of this ability.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    label: string;
-
-    /**
-     * The description of this ability.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    description: string;
-
-    /**
-     * The path of the icon of this ability.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    iconPath: string;
-
-    /**
-     * Whether the ability can be invoked by other applications.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    visible: boolean;
-
-    /**
-     * The ability category: page, service, data.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    kind: string;
-
-    /**
-     * The type of this ability, 0 means UNKNOWN, 1 means PAGE, 2 means SERVICE, 3 means DATA.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    type: number;
-
-    /**
-     * The display orientation of this ability: 0 means UNSPECIFIED, 1 means LANDSCAPE, 2 means PORTRAIT, 3 means FOLLOWRECENT.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    orientation: number;
-
-    /**
-     * The launch mode of this ability: 0 means SINGLETON, 1 means SINGLETOP, 2 means STANDARD.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    launchMode: number;
-
-    /**
-     * Represents Ability of another application The permission that needs to be applied when this Ability is invoked.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    permissions: Array<string>;
-
-    /**
-     * The process name of this ability.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    process: string;
-
-    /**
-     * The supported device types of this ability.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    deviceTypes: Array<string>;
-
-    /**
-     * The ability of the device to limit.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    deviceCapabilities: Array<string>;
-
-    /**
-     * Uniform resource identifier representing Ability.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    uri: string;
-
-    /**
-     * The application information of this ability.
-     * @devices phone
-     */
-    applicationInfo: ApplicationInfo;
-
-    /**
-     * The "module.package" in config.json.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    package: string;
-
-    /**
-     * The bundle name of this ability.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    bundleName: string;
-
-    /**
-     * The "module.name" in config.json of this ability.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    moduleName: string;
-
-    /**
-     * The "bundleName" in config.json of this ability.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    applicationName: string;
-
-    /**
-     * The device id.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    deviceId: string;
-
-    /**
-     * The main code path of this ability.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    codePath: string;
-
-    /**
-     * The resource path of this ability
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    resourcePath: string;
-
-    /**
-     * The library path of this ability
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    libPath: string;
-}
\ No newline at end of file
diff --git a/api/app/abilitymissioninfo.d.ts b/api/app/abilitymissioninfo.d.ts
deleted file mode 100755
index db792d7fc1b4666717802df3a2fb8fb67b2015d0..0000000000000000000000000000000000000000
--- a/api/app/abilitymissioninfo.d.ts
+++ /dev/null
@@ -1,132 +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.
- */
-
-import { ElementName }  from "./elementname"
-import { Want }         from "./want"
-
-/**
- * @name Task stack information corresponding to ability
- * @since 6
- * @SysCap appexecfwk
- * @import import AbilityMissionInfo from '@ohos.AbilityMissionInfo'
- * @permission N/A
- * @devices phone
- * @testapi
- */
-export interface AbilityMissionInfo {
-    /**
-     * Unique identification of task stack information corresponding to ability
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap appexecfwk
-     */
-    id: number;
-
-    /**
-     * If this job is currently running, this is the identifier for it
-     * If it is not running, this will be -1
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap appexecfwk
-     */
-    runingState: number;
-
-    /**
-     * The original Intent used to launch the task stack
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap appexecfwk
-     */
-    baseWant: Want;
-
-    /**
-     * The component launched as the first ability in the task stack
-     * This can be considered the "application" of this task stack
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap appexecfwk
-     */
-    baseAbility: ElementName;
-
-    /**
-     * The ability component at the top of the history stack of the task
-     * This is what the user is currently doing
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap appexecfwk
-     */
-    topAbility: ElementName;
-
-    /**
-     * Size of abilities in this task
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap appexecfwk
-     */
-    size: number;
-
-    /**
-     * The corresponding ability description information in the task stack
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap appexecfwk
-     */
-    missionDescription: MissionDescriptionInfo;
-}
-
-/**
- * @name Task stack description information
- * @since 6
- * @SysCap appexecfwk
- * @import import app from '@system.app'
- * @permission N/A
- * @devices phone, tablet
- */
-
-export interface MissionDescriptionInfo {
-    /**
-     * The label of the specified ability in the task stack
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap appexecfwk
-     */
-    label: string;
-
-    /**
-     * The path to the icon that specifies the ability in the task stack
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap appexecfwk
-     */
-    iconPath: string;
-}
\ No newline at end of file
diff --git a/api/app/processinfo.d.ts b/api/app/activeProcessInfo.d.ts
old mode 100755
new mode 100644
similarity index 52%
rename from api/app/processinfo.d.ts
rename to api/app/activeProcessInfo.d.ts
index 8865b22cc772632b79dd9122924c91bed52d2104..4ab5a6aa3d13ebb12c46c3221fbc44b4b5908d3f
--- a/api/app/processinfo.d.ts
+++ b/api/app/activeProcessInfo.d.ts
@@ -13,46 +13,40 @@
  * limitations under the License.
  */
 
-import { AppProcessState } from "./appprocessstate"
-
 /**
  * @name This class saves process information about an application
- * @since 6
- * @SysCap appexecfwk
- * @import N/A
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @import import app from 'app/activeProcessInfo'
  * @permission N/A
- * @devices phone
- * @testapi
+ * @devices phone, tablet, tv, wearable, car
  */
+export interface ActiveProcessInfo {
+    /**
+     * @default process id
+     * @since 7
+     * @SysCap SystemCapability.Appexecfwk
+     */
+    pid: number;
 
- export interface ProcessInfo {
     /**
-     * The name of the current process
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap appexecfwk
+     * @default user id
+     * @since 7
+     * @SysCap SystemCapability.Appexecfwk
      */
-     processName: string;
+    uid: number;
 
     /**
-     * The id of the current process
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap appexecfwk
+     * @default the name of the process
+     * @since 7
+     * @SysCap SystemCapability.Appexecfwk
      */
-     pid: number;
+    processName: string;
 
     /**
-     * Obtains the state of the current applicaiton process
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap appexecfwk
+     * @default an array of the bundleNames running in the process
+     * @since 7
+     * @SysCap SystemCapability.Appexecfwk
      */
-     appProcessState: AppProcessState;
-}
\ No newline at end of file
+    bundleNames: Array<string>;
+}
diff --git a/api/app/applicationinfo.d.ts b/api/app/applicationinfo.d.ts
deleted file mode 100755
index 77a91c38dc4f6d82655ec4f8a51b1b6bb2c1595e..0000000000000000000000000000000000000000
--- a/api/app/applicationinfo.d.ts
+++ /dev/null
@@ -1,246 +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.
- */
-import { ModuleInfo } from "./moduleinfo"
-
-/**
- * @name ApplicationInfo
- * @since 6
- * @SysCap appexecfwk
- * @import NA
- * @permission NA
- * @devices phone
- * @testapi
- */
-export interface ApplicationInfo {
-    /**
-     * The application name.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    name: string;
-
-    /**
-     * The bundleName is same to the application name.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    bundleName: string;
-
-    /**
-     * The description of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    description: string;
-
-    /**
-     * The icon path of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    iconPath: string;
-
-    /**
-     * The label of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    label: string;
-
-    /**
-     * The label resource ID of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    labelId : number;
-
-    /**
-     * The icon resource ID of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    iconId : number;
-
-    /**
-     * The description resource ID of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    descriptionId : number;
-
-    /**
-     * The device id of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    deviceId: string;
-
-    /**
-     * The public key info of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    signatureKey: string;
-
-    /**
-     * Whether this application is a system application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    isSystemApp: boolean;
-
-    /**
-     * Whether this application is a launcher application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    isLauncherApp: boolean;
-
-    /**
-     * Whether the application support the driving mode, 0 means not support.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    supportedModes: number;
-
-    /**
-     * The process of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    process: string;
-
-    /**
-     * The permissions of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    permissions: Array<string>;
-
-    /**
-     * The module source directories of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    moduleSourceDirs: Array<string>;
-
-    /**
-     * The module information of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    moduleInfos: Array<ModuleInfo>;
-
-    /**
-     * The entry module path of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    entryDir: string;
-
-    /**
-     * The code path of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    codePath: string;
-
-    /**
-     * The data directory of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    dataDir: string;
-
-    /**
-    * The data base directory of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    dataBaseDir: string;
-
-    /**
-     * The cache directory of this application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    cacheDir: string;
-}
\ No newline at end of file
diff --git a/api/app/bundleinfo.d.ts b/api/app/bundleinfo.d.ts
deleted file mode 100755
index c8d8b4c42bc1cf5b18091140d9860e85d581244f..0000000000000000000000000000000000000000
--- a/api/app/bundleinfo.d.ts
+++ /dev/null
@@ -1,266 +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.
- */
-import { AbilityInfo } from "./abilityinfo"
-
-/**
- * @name BundleInfo
- * @since 6
- * @SysCap appexecfwk
- * @import NA
- * @permission NA
- * @devices phone
- * @testapi
- */
-export interface BundleInfo {
-    /**
-     * The bundle name.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    name: string;
-
-    /**
-     * The label of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    label: string;
-
-    /**
-     * The description of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    description: string;
-
-    /**
-     * The vendor of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    vendor: string;
-
-    /**
-     * The version code of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-    versionCode: number;
-
-    /**
-     * The version name of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     versionName: string;
-
-    /**
-     * The jointUserId of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     jointUserId: string;
-
-    /**
-     * The min SDK version of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     minSdkVersion: number;
-
-    /**
-     * The max SDK version of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     maxSdkVersion: number;
-
-    /**
-     * The main entry path of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     mainEntry: string;
-
-    /**
-     * The cpuAbi of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     cpuAbi:string;
-
-    /**
-     * The appId of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     appId:string;
-
-    /**
-     * The compatible version of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     compatibleVersion: number;
-
-    /**
-     * The target version of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     targetVersion: number;
-
-    /**
-     * The release type of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     releaseType: string;
-
-    /**
-     * The uid of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     uid: number;
-
-    /**
-     * The gid of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     gid: number;
-
-    /**
-    * The seInfo of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     seInfo: string;
-
-    /**
-     * The entry module name of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     entryModuleName: string;
-
-    /**
-     * Whether the bundle is keep alive.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     isKeepAlive: boolean;
-
-    /**
-     * Whether the bundle is a native application.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     isNativeApp: boolean;
-
-    /**
-     * The install time of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     installTime: number;
-
-    /**
-     * The update time of this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     updateTime: number;
-
-    /**
-     * The information of the abilities in this bundle.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     abilityInfos: Array<AbilityInfo>;
-}
\ No newline at end of file
diff --git a/api/app/context.d.ts b/api/app/context.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cb0b24f6e98b58c52faa5a92f9513e7f3a8ee235
--- /dev/null
+++ b/api/app/context.d.ts
@@ -0,0 +1,174 @@
+/*
+* Copyright (c) 2021 Huawei Device Co., Ltd.
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+* http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+import { AsyncCallback } from '../basic';
+import { ApplicationInfo } from '../bundle/applicationInfo';
+import { ProcessInfo } from './processInfo';
+import { ElementName } from '../bundle/elementName';
+
+/**
+ * The context of an ability or an application.  It allows access to
+ * application-specific resources, request and verification permissions.
+ * Can only be obtained through the ability.
+ *
+ * @since 6
+ * @SysCap SystemCapability.Appexecfwk
+ * @devices phone, tablet, tv, wearable, car
+ * @import import abilityManager from 'app/context'
+ * @permission N/A
+ */
+export interface Context {
+
+    /**
+    * Get the local root dir of an app. If it is the first call, the dir
+    * will be created.
+    * @note If in the context of the ability, return the root dir of
+    * the ability; if in the context of the application, return the
+    * root dir of the application.
+    * @since 7
+    * @sysCap SystemCapability.Appexecfwk
+    * @devices phone, tablet, tv, wearable, car
+    * @return the root dir
+    */
+    getOrCreateLocalDir(): Promise<string>;
+    getOrCreateLocalDir(callback: AsyncCallback<string>): void;
+    /**
+    * Verify whether the specified permission is allowed for a particular
+    * pid and uid running in the system.
+    * @param permission The name of the specified permission
+    * @param pid process id
+    * @param uid user id
+    * @note Pid and uid are optional. If you do not pass in pid and uid,
+    * it will check your own permission.
+    * @since 7
+    * @sysCap SystemCapability.Appexecfwk
+    * @devices phone, tablet, tv, wearable, car
+    * @return asynchronous callback with {@code 0} if the PID
+    *         and UID have the permission; callback with {@code -1} otherwise.
+    */
+    verifyPermission(permission: string, options?: PermissionOptions): Promise<number>;
+    verifyPermission(permission: string, options: PermissionOptions, callback: AsyncCallback<number>): void;
+    verifyPermission(permission: string, callback: AsyncCallback<number>): void;
+
+    /**
+    * Requests certain permissions from the system.
+    * @param permissions Indicates the list of permissions to be requested. This parameter cannot be null.
+    * @param requestCode Indicates the request code to be passed to the PermissionRequestResult
+    * @since 7
+    * @sysCap SystemCapability.Appexecfwk
+    * @devices phone, tablet, tv, wearable, car
+    */
+    requestPermissionsFromUser(permissions: Array<string>, requestCode: number, resultCallback: AsyncCallback<PermissionRequestResult>): void;
+
+    /**
+    * Obtains information about the current application.
+    * @since 7
+    * @sysCap SystemCapability.Appexecfwk
+    * @devices phone, tablet, tv, wearable
+    */
+    getApplicationInfo(callback: AsyncCallback<ApplicationInfo>): void
+    getApplicationInfo(): Promise<ApplicationInfo>;
+
+    /**
+    * Obtains the bundle name of the current ability.
+    * @since 7
+    * @sysCap SystemCapability.Appexecfwk
+    * @devices phone, tablet, tv, wearable
+    */
+    getBundleName(callback: AsyncCallback<string>): void
+    getBundleName(): Promise<string>;
+
+    /**
+    * Obtains information about the current process, including the process ID and name.
+    * @since 7
+    * @sysCap SystemCapability.Appexecfwk
+    * @devices phone, tablet, tv, wearable
+    */
+    getProcessInfo(callback: AsyncCallback<ProcessInfo>): void
+    getProcessInfo(): Promise<ProcessInfo>;
+
+    /**
+    * Obtains the ohos.bundle.ElementName object of the current ability. This method is available only to Page abilities.
+    * @since 7
+    * @sysCap SystemCapability.Appexecfwk
+    * @devices phone, tablet, tv, wearable
+    */
+    getElementName(callback: AsyncCallback<ElementName>): void
+    getElementName(): Promise<ElementName>;
+
+    /**
+    * Obtains the name of the current process.
+    * @since 7
+    * @sysCap SystemCapability.Appexecfwk
+    * @devices phone, tablet, tv, wearable
+    */
+    getProcessName(callback: AsyncCallback<string>): void
+    getProcessName(): Promise<string>;
+
+    /**
+    * Obtains the bundle name of the ability that called the current ability.
+    * @since 7
+    * @sysCap SystemCapability.Appexecfwk
+    * @devices phone, tablet, tv, wearable
+    */
+    getCallingBundle(callback: AsyncCallback<string>): void
+    getCallingBundle(): Promise<string>;
+}
+
+/**
+ * @name the result of requestPermissionsFromUser with asynchronous callback
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @permission N/A
+ * @devices phone, tablet, tv, wearable, car
+ */
+interface PermissionRequestResult {
+    /**
+    * @default The request code passed in by the user
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+    requestCode: number;
+
+    /**
+    * @default The permissions passed in by the user
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+    permissions: Array<string>;
+
+    /**
+    * @default The results for the corresponding request permissions
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+    authResults: Array<number>;
+}
+
+interface PermissionOptions {
+ /**
+  * @default The process id
+  * @since 7
+  * @SysCap SystemCapability.Appexecfwk
+  */
+ pid?: number;
+
+ /**
+  * @default The user id
+  * @since 7
+  * @SysCap SystemCapability.Appexecfwk
+  */
+ uid?: number;
+}
\ No newline at end of file
diff --git a/api/app/processInfo.d.ts b/api/app/processInfo.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b98ef59b9bf2f6de367cb9bc106a6d91dbbf5485
--- /dev/null
+++ b/api/app/processInfo.d.ts
@@ -0,0 +1,44 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * @name This class saves process information about an application
+ * @since 7
+ * @SysCap appexecfwk
+ * @import import ProcessInfo from 'app/processInfo'
+ * @permission N/A
+ * @devices phone, tablet, tv, wearable
+ */
+export interface ProcessInfo {
+  /**
+   * The id of the current process
+   *
+   * @default -
+   * @devices phone, tablet, tv, wearable
+   * @since 7
+   * @SysCap appexecfwk
+   */
+  pid: number;
+
+  /**
+   * The name of the current process
+   *
+   * @default -
+   * @devices phone, tablet, tv, wearable
+   * @since 7
+   * @SysCap appexecfwk
+   */
+   processName: string;
+}
\ No newline at end of file
diff --git a/api/bundle/abilityInfo.d.ts b/api/bundle/abilityInfo.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..7e6904ab2e9b5334be520f325e11a744210dd70b
--- /dev/null
+++ b/api/bundle/abilityInfo.d.ts
@@ -0,0 +1,244 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ApplicationInfo } from './applicationInfo';
+import { CustomizeData } from './customizeData'
+import bundle from './../@ohos.bundle';
+
+/**
+ * @name Obtains configuration information about an ability
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @permission NA
+ * @devices phone, tablet, tv, wearable, car
+ */
+export interface AbilityInfo {
+  /**
+    * @default Indicates the name of the bundle containing the ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly bundleName: string;
+
+  /**
+    * @default Ability simplified class name
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly name: string;
+
+  /**
+    * @default Indicates the label of the ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly label: string;
+
+  /**
+    * @default Describes the ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly description: string;
+
+  /**
+    * @default Indicates the icon of the ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly icon: string;
+
+  /**
+    * @default Indicates the label id of the ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly labelId: number;
+
+  /**
+    * @default Indicates the description id of the ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly descriptionId: number;
+
+  /**
+    * @default Indicates the icon id of the ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly iconId: number;
+
+  /**
+    * @default Indicates the name of the .hap package to which the capability belongs
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly moduleName: string;
+
+  /**
+    * @default Process of ability, if user do not set it ,the value equal application process
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly process: string;
+
+  /**
+    * @default Info about which ability is this nick point to
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly targetAbility: string;
+
+  /**
+    * @default Indicates the background service addressing a specific usage scenario
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly backgroundModes: number;
+
+  /**
+    * @default Indicates whether an ability can be called by other abilities
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly isVisible: boolean;
+
+  /**
+    * @default Indicates whether the ability provides the embedded card capability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly formEnabled: boolean;
+
+  /**
+    * @default Enumerates types of templates that can be used by an ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly type: bundle.AbilityType;
+
+  /**
+    * @default Enumerates the subType of templates used by an ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly subType: bundle.AbilitySubType;
+
+  /**
+    * @default Enumerates ability display orientations
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly orientation: bundle.DisplayOrientation;
+
+  /**
+    * @default Enumerates ability launch modes
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly launchMode: bundle.LaunchMode;
+
+  /**
+    * @default The permissions that others need to launch this ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly permissions: Array<string>;
+
+  /**
+    * @default The device types that this ability can run on
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly deviceTypes: Array<string>;
+
+  /**
+    * @default The device capability that this ability needs
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly deviceCapabilities: Array<string>;
+
+  /**
+    * @default Indicates the permission required for reading ability data
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly readPermission: string;
+
+  /**
+    * @default Indicates the permission required for writing data to the ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly writePermission: string;
+
+  /**
+    * @default Obtains configuration information about an application
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly applicationInfo: ApplicationInfo;
+
+  /**
+    * @default Where form can be displayed
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly formEntity: number;
+
+  /**
+    * @default Minimum height of ability.
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly minFormHeight: number;
+
+  /**
+    * @default Default height of ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly defaultFormHeight: number;
+
+  /**
+    * @default Minimum width of ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly minFormWidth: number;
+
+  /**
+    * @default Default width of ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly defaultFormWidth: number;
+
+  /**
+    * @default Uri of ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly uri: string;
+
+  /**
+    * @default Indicates the custom metadata of ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  customizeData: Map<string, Array<CustomizeData>>;
+}
diff --git a/api/bundle/applicationInfo.d.ts b/api/bundle/applicationInfo.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4820474ef88f0c61f354a0d1d1d1c1cd6068d7bc
--- /dev/null
+++ b/api/bundle/applicationInfo.d.ts
@@ -0,0 +1,138 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ModuleInfo } from './moduleInfo';
+import { CustomizeData } from './customizeData'
+
+/**
+ * @name Obtains configuration information about an application
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @permission NA
+ * @devices phone, tablet, tv, wearable, car
+ */
+export interface ApplicationInfo {
+  /**
+    * @default Indicates the application name, which is the same as {@code bundleName}
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly name: string;
+
+  /**
+    * @default Description of application
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly description: string;
+
+  /**
+    * @default Indicates the description id of the application
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly descriptionId: number;
+
+  /**
+    * @default Indicates whether the application is a system application
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly systemApp: boolean;
+
+  /**
+    * @default Indicates whether or not this application may be instantiated
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly enabled: boolean;
+
+  /**
+    * @default Indicates the label of the application
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly label: string;
+
+  /**
+    * @default Indicates the label id of the application
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly labelId: string;
+
+  /**
+    * @default Indicates the icon of the application
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly icon: string;
+
+  /**
+    * @default Indicates the icon id of the application
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly iconId: string;
+
+  /**
+    * @default Process of application, if user do not set it ,the value equal bundleName
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly process: string;
+
+  /**
+    * @default Indicates the running mode supported by the application
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly supportedModes: number;
+
+  /**
+    * @default Indicates the path storing the module resources of the application
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly moduleSourceDirs: Array<string>;
+
+  /**
+    * @default Indicates the permissions required for accessing the application.
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly permissions: Array<string>;
+
+  /**
+    * @default Indicates module information about an application
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly moduleInfo: Array<ModuleInfo>;
+
+  /**
+    * @default Indicates the path where the {@code Entry.hap} file of the application is saved
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly entryDir: string;
+
+  /**
+    * @default Indicates the custom metadata of the application
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  customizeData: Map<string, CustomizeData>;
+}
\ No newline at end of file
diff --git a/api/bundle/bundleInfo.d.ts b/api/bundle/bundleInfo.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6353eaef993782219ad6861054cf73d4e256c9e2
--- /dev/null
+++ b/api/bundle/bundleInfo.d.ts
@@ -0,0 +1,237 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { AbilityInfo } from './abilityInfo';
+import { ApplicationInfo } from './applicationInfo';
+import { HapModuleInfo } from './hapModuleInfo';
+
+/**
+ * @name The scene which is used
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @permission NA
+ * @devices phone, tablet, tv, wearable, car
+ */
+export interface UsedScene {
+  /**
+    * @default Indicates the abilities that need the permission
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  abilities: Array<string>;
+
+  /**
+    * @default Indicates the time when the permission is used
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  when: string;
+}
+
+/**
+ * @name Indicates the required permissions details defined in file config.json
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @permission NA
+ * @devices phone, tablet, tv, wearable, car
+ */
+export interface ReqPermissionDetail {
+  /**
+    * @default Indicates the name of this required permissions
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  name: string;
+
+  /**
+    * @default Indicates the reason of this required permissions
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  reason: string;
+
+  /**
+    * @default Indicates the used scene of this required permissions
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  usedScene: UsedScene;
+}
+
+/**
+ * @name Obtains configuration information about a bundle
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @permission NA
+ * @devices phone, tablet, tv, wearable, car
+ */
+export interface BundleInfo {
+  /**
+    * @default Indicates the name of this bundle
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly name: string;
+
+  /**
+    * @default Indicates the name of this original bundle
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly type: string;
+
+  /**
+    * @default Indicates the ID of the application to which this bundle belongs
+    * The application ID uniquely identifies an application. It is determined by the bundle name and signature
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly appId: string;
+
+  /**
+    * @default Indicates the UID of the application to which this bundle belongs
+    * The UID uniquely identifies an application. It is determined by the process and user IDs of the application
+    * After an application is installed, its UID remains unchanged unless it is uninstalled and then reinstalled
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly uid: number;
+
+  /**
+    * @default Indicates the hap install time
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly installTime: number;
+
+  /**
+    * @default Indicates the hap update time
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly updateTime: number;
+
+  /**
+    * @default Obtains configuration information about an application
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly appInfo: ApplicationInfo;
+
+  /**
+    * @default Obtains configuration information about an ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly abilityInfo: Array<AbilityInfo>;
+
+  /**
+    * @default Indicates the required permissions name defined in file config.json
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly reqPermissions: Array<string>;
+
+  /**
+    * @default Indicates the required permissions details defined in file config.json
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly reqPermissionDetails: Array<ReqPermissionDetail>;
+
+  /**
+    * @default Describes the bundle vendor
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly vendor: string;
+
+  /**
+    * @default Indicates the version number of the bundle
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly versionCode: number;
+
+  /**
+    * @default Indicates the text description of the bundle version
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly versionName: string;
+
+  /**
+    * @default Indicates the compatible version number of the bundle
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly compatibleVersion: number;
+
+  /**
+    * @default Indicates the target version number of the bundle
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly targetVersion: number;
+
+  /**
+    * @default Indicates is compress native libs
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly isCompressNativeLibs: boolean;
+
+  /**
+    * @default Obtains configuration information about an module
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly hapModuleInfo: Array<HapModuleInfo>;
+
+  /**
+    * @default Indicates entry module name
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly entryModuleName: string;
+
+  /**
+    * @default Indicates the cpuAbi information of this bundle.
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly cpuAbi: string;
+
+  /**
+    * @default Indicates is silent installation
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly isSilentInstallation: string;
+
+  /**
+    * @default Indicates the earliest historical version compatible with the bundle
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly minCompatibleVersionCode: number;
+
+  /**
+    * @default Indicates whether free installation of the entry is supported
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly entryInstallationFree: boolean;
+}
diff --git a/api/bundle/bundleInstaller.d.ts b/api/bundle/bundleInstaller.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5cdfc48f780c946ee46ceef7d3c1c80c08aab26f
--- /dev/null
+++ b/api/bundle/bundleInstaller.d.ts
@@ -0,0 +1,107 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { AsyncCallback } from './../basic';
+import bundle from './../@ohos.bundle';
+
+/**
+ * @name Provides parameters required for installing or uninstalling an application.
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @permission NA
+ * @devices phone, tablet, tv, wearable, car
+ */
+export interface InstallParam {
+  /**
+    * @default Indicates the user id
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  userId: number;
+
+  /**
+    * @default Indicates the install flag
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  installFlag: number;
+
+  /**
+    * @default Indicates whether the param has data
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  isKeepData: boolean;
+}
+
+/**
+ * @name Indicates the install or uninstall status
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @permission NA
+ * @devices phone, tablet, tv, wearable, car
+ */
+export interface InstallStatus {
+
+  /**
+    * @default Indicates the install or uninstall error code
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  status: bundle.InstallErrorCode;
+
+  /**
+    * @default Indicates the install or uninstall result string message
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  statusMessage: string;
+}
+
+/**
+ * @name Offers install, upgrade, and remove bundles on the devices.
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @permission NA
+ * @devices phone, tablet, tv, wearable, car
+ */
+export interface BundleInstaller {
+  /**
+   * Install an application in a HAP.
+   *
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @devices phone, tablet, tv, wearable, car
+   * @param bundleFilePaths Indicates the path where the bundle of the application is stored. The path should be the
+   *                        relative path to the data directory of the current application.
+   * @param installParam Indicates other parameters required for the installation.
+   * @return InstallStatus
+   * @permission ohos.permission.INSTALL_BUNDLE
+   */
+  install(bundleFilePaths: Array<string>, param: InstallParam, callback: AsyncCallback<InstallStatus>): void;
+
+  /**
+   * Uninstall an application.
+   *
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   * @devices phone, tablet, tv, wearable, car
+   * @param bundleName Indicates the bundle name of the application to be uninstalled.
+   * @param installParam Indicates other parameters required for the uninstallation.
+   * @return InstallStatus
+   * @permission ohos.permission.INSTALL_BUNDLE
+   */
+  uninstall(bundleName: string, param: InstallParam, callback: AsyncCallback<InstallStatus>): void;
+}
\ No newline at end of file
diff --git a/api/app/appprocessstate.ts b/api/bundle/customizeData.d.ts
old mode 100755
new mode 100644
similarity index 56%
rename from api/app/appprocessstate.ts
rename to api/bundle/customizeData.d.ts
index 8fa104c9b8829cf6bf00804e65ee77e183c16479..17393229f1f5d422e1f3414d622b81f5ed62f950
--- a/api/app/appprocessstate.ts
+++ b/api/bundle/customizeData.d.ts
@@ -13,22 +13,25 @@
  * limitations under the License.
  */
 
-/**
- * @name AppProcessState
- * @since 6
- * @SysCap appexecfwk
- * @import NA
+ /**
+ * @name Indicates the custom metadata
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
  * @permission NA
- * @devices phone
- * @testapi
+ * @devices phone, tablet, tv, wearable, car
  */
-export enum AppProcessState {
-    APP_STATE_BEGIN = 0,
-    APP_STATE_CREATE = APP_STATE_BEGIN,
-    APP_STATE_READY,
-    APP_STATE_FOREGROUND,
-    APP_STATE_BACKGROUND,
-    APP_STATE_SUSPENDED,
-    APP_STATE_TERMINATED,
-    APP_STATE_END,
+export interface CustomizeData {
+  /**
+    * @default Indicates the custom metadata name
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  name: string;
+
+  /**
+    * @default Indicates the custom metadata value
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  value: string;
 }
\ No newline at end of file
diff --git a/api/app/elementname.d.ts b/api/bundle/elementName.d.ts
old mode 100755
new mode 100644
similarity index 44%
rename from api/app/elementname.d.ts
rename to api/bundle/elementName.d.ts
index e0da17167a3c52a7f6cb9f2594cdbdf4de02a0ea..68fe8ddda30ce97a540b5385085f530008f6cba2
--- a/api/app/elementname.d.ts
+++ b/api/bundle/elementName.d.ts
@@ -1,55 +1,71 @@
-/*
- * 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.
- */
-
-/**
- * Contains basic Ability information, which uniquely identifies an ability.
- * You can use this class to obtain values of the fields set in an element,
- * such as the device ID, bundle name, and ability name.
- * @name ElementName
- * @since 6
- * @sysCap aafwk
- * @devices phone
- * @permission N/A
- * @testapi
- **/
-export interface ElementName {
-
-    /**
-    * device id
-    * @default -
-    * @devices phone, tablet
-    * @since 6
-    * @sysCap AAFwk
-    */
-    deviceId: string;
-
-    /**
-    * bundle name
-    * @default -
-    * @devices phone, tablet
-    * @since 6
-    * @sysCap AAFwk
-    */
-    bundleName: string;
-
-    /**
-    * ability name
-    * @default -
-    * @devices phone, tablet
-    * @since 6
-    * @sysCap AAFwk
-    */
-    abilityName: string;
-}
+/*
+ * 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.
+ */
+
+/**
+ * Contains basic Ability information, which uniquely identifies an ability.
+ * You can use this class to obtain values of the fields set in an element,
+ * such as the device ID, bundle name, and ability name.
+ * @name Contains basic Ability information, which uniquely identifies an ability
+ * @since 7
+ * @sysCap SystemCapability.Appexecfwk
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ */
+export interface ElementName {
+  /**
+   * device id
+   * @default -
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap SystemCapability.Appexecfwk
+   */
+  deviceId?: string;
+
+  /**
+   * bundle name
+   * @default -
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap SystemCapability.Appexecfwk
+   */
+  bundleName: string;
+
+  /**
+   * ability name
+   * @default ability class name.
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap SystemCapability.Appexecfwk
+   */
+  abilityName: string;
+
+  /**
+   * uri
+   * @default -
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap SystemCapability.Appexecfwk
+   */
+  uri?: string;
+
+  /**
+   * shortName
+   * @default -
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap SystemCapability.Appexecfwk
+   */
+  shortName?: string;
+}
diff --git a/api/bundle/hapModuleInfo.d.ts b/api/bundle/hapModuleInfo.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a62a66955d341a076b9600c522bf4c14e2ae7be9
--- /dev/null
+++ b/api/bundle/hapModuleInfo.d.ts
@@ -0,0 +1,116 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { AbilityInfo } from "./abilityInfo";
+
+/**
+ * @name Obtains configuration information about an module.
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @permission NA
+ * @devices phone, tablet, tv, wearable, car
+ */
+export interface HapModuleInfo {
+  /**
+    * @default Indicates the name of this hapmodule
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly name: string;
+  /**
+    * @default Describes the hapmodule
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly description: string;
+  /**
+    * @default Indicates the description of this hapmodule
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly descriptionId: number;
+  /**
+    * @default Indicates the icon of this hapmodule
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly icon: string;
+  /**
+    * @default Indicates the label of this hapmodule
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly label: string;
+  /**
+    * @default Indicates the label id of this hapmodule
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly labelId: number;
+  /**
+    * @default Indicates the icon id of this hapmodule
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly iconId: number;
+  /**
+    * @default Indicates the background img of this hapmodule
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly backgroundImg: string;
+  /**
+    * @default Indicates the supported modes of this hapmodule
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly supportedModes: number;
+  /**
+    * @default Indicates the req capabilities of this hapmodule
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly reqCapabilities: Array<string>;
+  /**
+    * @default The device types that this hapmodule can run on
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly deviceTypes: Array<string>;
+  /**
+    * @default Obtains configuration information about ability
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly abilityInfo: Array<AbilityInfo>;
+  /**
+    * @default Indicates the name of the .hap package to which the capability belongs
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly moduleName: string;
+  /**
+    * @default Indicates the main ability name of this hapmodule
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly mainAbilityName: string;
+  /**
+    * @default Indicates whether free installation of the hapmodule is supported
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly installationFree: boolean;
+}
\ No newline at end of file
diff --git a/api/bundle/moduleInfo.d.ts b/api/bundle/moduleInfo.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..437ca90fa900b5a314335a58234452900d3a78d8
--- /dev/null
+++ b/api/bundle/moduleInfo.d.ts
@@ -0,0 +1,43 @@
+/*
+ * 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.
+ */
+
+/**
+ * @name Stores module information about an application.
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @permission NA
+ * @devices phone, tablet, tv, wearable, car
+ */
+export interface ModuleInfo {
+  /**
+   * The module name.
+   *
+   * @default Indicates the name of the .hap package to which the capability belongs
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   */
+  readonly moduleName: string;
+
+  /**
+   * The module source path.
+   *
+   * @default Indicates the module source dir of this module
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @SysCap SystemCapability.Appexecfwk
+   */
+  readonly moduleSourceDir: string;
+}
\ No newline at end of file
diff --git a/api/bundle/moduleUsageRecord.d.ts b/api/bundle/moduleUsageRecord.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0bc3620102c1ad500749f468d6c1fc0b8aeec85b
--- /dev/null
+++ b/api/bundle/moduleUsageRecord.d.ts
@@ -0,0 +1,103 @@
+/*
+ * 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.
+ */
+
+/**
+ * @name Stores FA usage information.
+ * @since 7
+ * @SysCap SystemCapability.Appexecfwk
+ * @permission NA
+ * @devices phone, tablet, tv, wearable, car
+ * @systemapi hide this for inner system use
+ */
+export interface ModuleUsageRecord {
+  /**
+    * @default Indicates the name of the bundle containing the module
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly bundleName: string;
+  /**
+    * @default Indicates the app label id of this module
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly appLabelId: number;
+  /**
+    * @default Indicates the name of this module
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly name: string;
+  /**
+    * @default Indicates the label id of this module
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly labelId: number;
+  /**
+    * @default Indicates the description id of this module
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly descriptionId: number;
+  /**
+    * @default Indicates the ability name of this module
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly abilityName: string;
+  /**
+    * @default Indicates the ability label id of this module
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly abilityLabelId: number;
+  /**
+    * @default Indicates the ability description id of this module
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly abilityDescriptionId: number;
+  /**
+    * @default Indicates the ability icon id of this module
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly abilityIconId: number;
+  /**
+    * @default Indicates the launched count of this module
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly launchedCount: number;
+  /**
+    * @default Indicates the last launch time of this module
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly lastLaunchTime: number;
+  /**
+    * @default Indicates whether the module is removed
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly isRemoved: boolean;
+  /**
+    * @default Indicates whether free installation of the module is supported
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly installationFreeSupported: boolean;
+}
\ No newline at end of file
diff --git a/api/bundle/shortcutInfo.d.ts b/api/bundle/shortcutInfo.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0caaa904588090744952185e131400367a56fdac
--- /dev/null
+++ b/api/bundle/shortcutInfo.d.ts
@@ -0,0 +1,107 @@
+/*
+ * 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.
+ */
+
+ /**
+  * @name  Provides methods for obtaining information about the ability that a shortcut will start, including the target
+  *        bundle name and ability class name.
+  * @since 7
+  * @SysCap SystemCapability.Appexecfwk
+  * @permission NA
+  * @devices phone, tablet, tv, wearable, car
+  */
+export interface ShortcutWant{
+  /**
+    * @default Indicates the target bundle of the shortcut want
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly targetBundle: string;
+  /**
+    * @default Indicates the target class of the shortcut want
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly targetClass: string;
+}
+
+ /**
+  * @name  Provides information about a shortcut, including the shortcut ID and label.
+  * @since 7
+  * @SysCap SystemCapability.Appexecfwk
+  * @permission NA
+  * @devices phone, tablet, tv, wearable, car
+  */
+export interface ShortcutInfo {
+  /**
+    * @default Indicates the ID of the application to which this shortcut belongs
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly id: string;
+  /**
+    * @default Indicates the name of the bundle containing the shortcut
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly bundleName: string;
+  /**
+    * @default Indicates the host ability of the shortcut
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly hostAbility: string;
+  /**
+    * @default Indicates the icon of the shortcut
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly icon: string;
+  /**
+    * @default Indicates the label of the shortcut
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly label: string;
+  /**
+    * @default Indicates the disableMessage of the shortcut
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly disableMessage: string;
+  /**
+    * @default Indicates the wants of the shortcut
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly wants: Array<ShortcutWant>;
+  /**
+    * @default Indicates whether the shortcut is static
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly isStatic?: boolean
+  /**
+    * @default Indicates whether the shortcut is homeshortcut
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly isHomeShortcut?: boolean;
+  /**
+    * @default Indicates whether the shortcut is enabled
+    * @since 7
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly isEnabled?: boolean;
+}
\ No newline at end of file
diff --git a/api/common/@internal/featureability.d.ts b/api/common/@internal/featureability.d.ts
index ea3d073280068e2be87ae27700a1360f42683d09..ef50dbd4279017d74cefe1573086d1c2d6dae3cb 100644
--- a/api/common/@internal/featureability.d.ts
+++ b/api/common/@internal/featureability.d.ts
@@ -299,7 +299,7 @@ export declare class FeatureAbility {
    * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
    * @devices tv, phone, tablet, wearable
    */
-  static callAbility(param: CallAbilityParam): Promise<Result>;
+  static callAbility(param: CallAbilityParam): Promise<string>;
 
   /**
    * Start FA migration.
@@ -318,7 +318,7 @@ export declare class FeatureAbility {
   static subscribeAbilityEvent(
     param: SubscribeAbilityEventParam,
     func: Function
-  ): Promise<Result>;
+  ): Promise<string>;
 
   /**
    * Unsubscribes from events of an AA.
@@ -328,7 +328,7 @@ export declare class FeatureAbility {
    */
   static unsubscribeAbilityEvent(
     param: SubscribeAbilityEventParam
-  ): Promise<Result>;
+  ): Promise<string>;
 
   /**
    * Sends messages to the destination device.
diff --git a/api/common/@internal/global.d.ts b/api/common/@internal/global.d.ts
index 48b7de3015b4f75876c35afa23dd1a22f56e3c23..5bedb79596f770fe7de03dcf7bece3377dc8a25c 100644
--- a/api/common/@internal/global.d.ts
+++ b/api/common/@internal/global.d.ts
@@ -51,6 +51,16 @@ export declare function clearInterval(intervalID?: number): void;
  */
 export declare function clearTimeout(timeoutID?: number): void;
 
+/**
+ * Get the java interface instance. The java instance needs to register, otherwise it cannot be obtained.
+ * After obtaining the instance, you can call the function with the same name on the Java side.
+ * @param name Java interface name, including package path, such as com.example.test.timeinterfaceimpl.
+ * @returns A promise object is returned. The resolve callback is the object of PA. The reject callback returns the object containing code and error data
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ * @since 3
+ */
+export declare function createLocalParticleAbility(name?: string): any;
+
 /**
  * Sets a vsync after which a function will be executed.
  * @param handler Indicates the function to be called when the vsync trigger.
diff --git a/api/common/@internal/viewmodel.d.ts b/api/common/@internal/viewmodel.d.ts
index bf5b3631b0b86b81d2c9abed5bb14aa26b832731..5c80a95a2c6706ee2f13cb7dfb167f1d942b6e83 100644
--- a/api/common/@internal/viewmodel.d.ts
+++ b/api/common/@internal/viewmodel.d.ts
@@ -14,6 +14,8 @@
  */
 
 import { Image, ImageData } from "./global";
+import { WebGLContextAttributes, WebGLRenderingContext } from "../webgl/webgl";
+import { WebGL2RenderingContext } from "../webgl/webgl2";
 
 /**
  * @devices tv, phone, tablet, wearable
@@ -2183,7 +2185,27 @@ export interface CanvasElement extends Element {
    * @param options use this context attributes to creating rendering context.
    * @devices tv, phone, tablet, wearable, smartVision
    */
-  getContext(type: string, options?: ContextAttrOptions): CanvasRenderingContext2D;
+  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.
+   * @devices tv, phone, tablet, wearable
+   */
+  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.
+   * @devices tv, phone, tablet, wearable
+   */
+  getContext(type: "webgl2", options?: WebGLContextAttributes): WebGL2RenderingContext;
 
   /**
    * Creates a data URI that contains the image display.
diff --git a/api/common/@system.app.d.ts b/api/common/@system.app.d.ts
index 9fb44ddfa11bb33de077654d714d45f062c677a7..e27ce0ba5abeee1d73392f82674d28872a4b229e 100644
--- a/api/common/@system.app.d.ts
+++ b/api/common/@system.app.d.ts
@@ -125,4 +125,28 @@ export default class App {
    * @devices phone, tablet
    */
   static requestFullWindow(options?: RequestFullWindowOptions): 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
+   * @devices tv, phone, tablet, wearable
+   */
+  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.
+   * @devices tv, phone, tablet, wearable
+   */
+  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.
+   * @devices tv, phone, tablet, wearable
+   */
+  static setImageFileCacheSize(value: number): void;
 }
diff --git a/api/common/@system.router.d.ts b/api/common/@system.router.d.ts
index 30350be898c01d1060ffca3836005bc71f1c13d6..b1ae2255732aa0b1c9b0a42a7e404d5d697ea6a8 100644
--- a/api/common/@system.router.d.ts
+++ b/api/common/@system.router.d.ts
@@ -39,6 +39,26 @@ export interface RouterOptions {
   params?: Object;
 }
 
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+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;
+}
+
 /**
  * @devices tv, phone, tablet, wearable
  */
@@ -149,7 +169,7 @@ export default class Router {
    * @devices tv, phone, tablet, wearable
    * @since 7
    */
-  static back(options?: RouterOptions): void;
+  static back(options?: BackRouterOptions): void;
 
   /**
    * Obtains information about the current page params.
diff --git a/api/common/@system.sensor.d.ts b/api/common/@system.sensor.d.ts
deleted file mode 100644
index 2555167033c73b95495790659809c55364aa40fc..0000000000000000000000000000000000000000
--- a/api/common/@system.sensor.d.ts
+++ /dev/null
@@ -1,782 +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.
- */
-
-/**
- * @devices phone, tablet, wearable, liteWearable
- */
-export interface AccelerometerResponse {
-  /**
-   * X-coordinate
-   * @devices phone, tablet, wearable
-   * @since 3
-   */
-  x: number;
-
-  /**
-   * Y-coordinate
-   * @devices phone, tablet, wearable
-   * @since 3
-   */
-  y: number;
-
-  /**
-   * Z-coordinate
-   * @devices phone, tablet, wearable
-   * @since 3
-   */
-  z: number;
-}
-
-/**
- * @devices phone, tablet, wearable
- */
-export interface subscribeAccelerometerOptions {
-  /**
-   * Execution frequency of the callback function for listening to acceleration sensor data.
-   * Available values are as follows:
-   *   1. game: Extremely high frequency (20 ms per callback), which is applicable to gaming.
-   *   2. ui: High frequency (60 ms per callback), which is applicable to UI updating.
-   *   3. normal: Regular frequency (200 ms per callback), which is application to low power consumption.
-   * The default value is normal.
-   * @devices phone, tablet, wearable
-   * @since 3
-   */
-  interval: string;
-
-  /**
-   * Called when acceleration sensor data changes.
-   * @devices phone, tablet, wearable
-   * @since 3
-   */
-  success: (data: AccelerometerResponse) => void;
-
-  /**
-   * Called when the listening fails.
-   * @devices phone, tablet, wearable
-   * @since 3
-   */
-  fail?: (data: string, code: number) => void;
-}
-
-/**
- * @devices phone, tablet, wearable
- */
-export interface CompassResponse {
-  /**
-   * Direction of the device (in degrees).
-   * @devices phone, tablet, wearable
-   * @since 3
-   */
-  direction: number;
-}
-
-/**
- * @devices phone, tablet, wearable
- */
-export interface SubscribeCompassOptions {
-  /**
-   * Called when compass sensor data changes.
-   * @devices phone, tablet, wearable
-   * @since 3
-   */
-  success: (data: CompassResponse) => void;
-
-  /**
-   * Called when the listening fails.
-   * @devices phone, tablet, wearable
-   * @since 3
-   */
-  fail?: (data: string, code: number) => void;
-}
-
-/**
- * @devices phone, tablet
- */
-export interface ProximityResponse {
-  /**
-   * Distance between a visible object and the device screen
-   * @devices phone, tablet
-   * @since 3
-   */
-  distance: number;
-}
-
-/**
- * @devices phone, tablet
- */
-export interface SubscribeProximityOptions {
-  /**
-   * Called when distance sensor data changes.
-   * @devices phone, tablet
-   * @since 3
-   */
-  success: (data: ProximityResponse) => void;
-
-  /**
-   * Called when the listening fails.
-   * @devices phone, tablet
-   * @since 3
-   */
-  fail?: (data: string, code: number) => void;
-}
-
-/**
- * @devices phone, tablet, wearable
- */
-export interface LightResponse {
-  /**
-   * Light intensity, in lux.
-   * @devices phone, tablet, wearable
-   * @since 3
-   */
-  intensity: number;
-}
-
-/**
- * @devices phone, tablet, wearable
- */
-export interface SubscribeLightOptions {
-  /**
-   * Called when ambient light sensor data changes.
-   * @devices phone, tablet, wearable
-   * @since 3
-   */
-  success: (data: LightResponse) => void;
-
-  /**
-   * Called when the listening fails.
-   * @devices phone, tablet, wearable
-   * @since 3
-   */
-  fail?: (data: string, code: number) => void;
-}
-
-/**
- * @devices phone, tablet, wearable, liteWearable
- */
-export interface StepCounterResponse {
-  /**
-   * Number of steps counted.
-   * Each time the device restarts, the value is recalculated from 0 in phone, tablet.
-   * @devices phone, tablet, wearable, liteWearable
-   * @since 3
-   */
-  steps: number;
-}
-
-/**
- * @devices phone, tablet, liteWearable
- */
-export interface SubscribeStepCounterOptions {
-  /**
-   * Called when step counter sensor data changes.
-   * @devices phone, tablet, liteWearable
-   * @since 3
-   */
-  success: (data: StepCounterResponse) => void;
-
-  /**
-   * Called when the listening fails.
-   * @devices phone, tablet, liteWearable
-   * @since 3
-   */
-  fail?: (data: string, code: number) => void;
-}
-
-/**
- * @devices phone, tablet, wearable, liteWearable
- */
-export interface BarometerResponse {
-  /**
-   * Pressure, in pascal.
-   * @devices phone, tablet, wearable, liteWearable
-   * @since 3
-   */
-  pressure: number;
-}
-
-/**
- * @devices phone, tablet, wearable, liteWearable
- */
-export interface SubscribeBarometerOptions {
-  /**
-   * Called when the barometer sensor data changes.
-   * @devices phone, tablet, wearable, liteWearable
-   * @since 3
-   */
-  success: (data: BarometerResponse) => void;
-
-  /**
-   * Called when the listening fails.
-   * @devices phone, tablet, wearable, liteWearable
-   * @since 3
-   */
-  fail?: (data: string, code: number) => void;
-}
-
-/**
- * @devices wearable, liteWearable
- */
-export interface HeartRateResponse {
-  /**
-   * Heart rate.
-   * 255 indicates an invalid value in lite wearable.
-   * @devices wearable, liteWearable
-   * @since 3
-   */
-  heartRate: number;
-}
-
-/**
- * @devices wearable, liteWearable
- */
-export interface SubscribeHeartRateOptions {
-  /**
-   * Called when the heart rate sensor data changes.
-   * @devices wearable, liteWearable
-   * @since 3
-   */
-  success: (data: HeartRateResponse) => void;
-
-  /**
-   * Called when the listening fails
-   * @devices wearable, liteWearable
-   * @since 3
-   */
-  fail?: (data: string, code: number) => void;
-}
-
-/**
- * @devices liteWearable
- */
-export interface OnBodyStateResponse {
-  /**
-   * Whether the sensor is worn.
-   * @devices liteWearable
-   * @since 3
-   */
-  value: boolean;
-}
-
-/**
- * @devices liteWearable
- */
-export interface SubscribeOnBodyStateOptions {
-  /**
-   * Called when the wearing status changes.
-   * @devices liteWearable
-   * @since 3
-   */
-  success: (data: OnBodyStateResponse) => void;
-
-  /**
-   * Called when the listening fails.
-   * @devices liteWearable
-   * @since 3
-   */
-  fail?: (data: string, code: number) => void;
-}
-
-/**
- * @devices liteWearable
- */
-export interface GetOnBodyStateOptions {
-  /**
-   * Called when the sensor wearing state is obtained
-   * @devices liteWearable
-   * @since 3
-   */
-  success: (data: OnBodyStateResponse) => void;
-
-  /**
-   * Called when the sensor wearing state fails to be obtained
-   * @devices liteWearable
-   * @since 3
-   */
-  fail?: (data: string, code: number) => void;
-
-  /**
-   * Called when the execution is completed
-   * @devices liteWearable
-   * @since 3
-   */
-  complete?: () => void;
-}
-
-/**
- * @devices phone, tablet, wearable
- */
-export interface DeviceOrientationResponse {
-  /**
-   * alpha
-   * @devices phone, tablet, wearable
-   * @since 6
-   */
-  alpha: number;
-
-  /**
-   * beta
-   * @devices phone, tablet, wearable
-   * @since 6
-   */
-  beta: number;
-
-  /**
-   * gamma
-   * @devices phone, tablet, wearable
-   * @since 6
-   */
-  gamma: number;
-}
-
-/**
- * @devices phone, tablet, wearable
- */
-export interface SubscribeDeviceOrientationOptions {
-  /**
-   * Execution frequency of the callback function for listening to device orientation sensor data.
-   * Available values are as follows:
-   *   1. game: Extremely high frequency (20 ms per callback), which is applicable to gaming.
-   *   2. ui: High frequency (60 ms per callback), which is applicable to UI updating.
-   *   3. normal: Regular frequency (200 ms per callback), which is application to low power consumption.
-   * The default value is normal.
-   * @devices phone, tablet, wearable
-   * @since 6
-   */
-  interval: string;
-
-  /**
-   * Called when device orientation sensor data changes.
-   * @devices phone, tablet, wearable
-   * @since 6
-   */
-  success: (data: DeviceOrientationResponse) => void;
-
-  /**
-   * Called when the listening fails.
-   * @devices phone, tablet, wearable
-   * @since 6
-   */
-  fail?: (data: string, code: number) => void;
-}
-
-/**
- * @devices phone, tablet, wearable
- */
-export interface GyroscopeResponse {
-  /**
-   * X-coordinate
-   * @devices phone, tablet, wearable
-   * @since 6
-   */
-  x: number;
-
-  /**
-   * Y-coordinate
-   * @devices phone, tablet, wearable
-   * @since 6
-   */
-  y: number;
-
-  /**
-   * Z-coordinate
-   * @devices phone, tablet, wearable
-   * @since 6
-   */
-  z: number;
-}
-
-/**
- * @devices phone, tablet, wearable
- */
-export interface SubscribeGyroscopeOptions {
-  /**
-   * Execution frequency of the callback function for listening to gyroscope sensor data.
-   * Available values are as follows:
-   *   1. game: Extremely high frequency (20 ms per callback), which is applicable to gaming.
-   *   2. ui: High frequency (60 ms per callback), which is applicable to UI updating.
-   *   3. normal: Regular frequency (200 ms per callback), which is application to low power consumption.
-   * The default value is normal.
-   * @devices phone, tablet, wearable
-   * @since 6
-   */
-  interval: string;
-
-  /**
-   * Called when gyroscope sensor data changes.
-   * @devices phone, tablet, wearable
-   * @since 6
-   */
-  success: (data: GyroscopeResponse) => void;
-
-  /**
-   * Called when the listening fails.
-   * @devices phone, tablet, wearable
-   * @since 6
-   */
-  fail?: (data: string, code: number) => void;
-}
-
-/**
- * @devices phone, tablet, wearable
- */
-export interface GravityResponse {
-  /**
-   * X-coordinate
-   * @devices phone, tablet, wearable
-   * @since 7
-   */
-  x: number;
-
-  /**
-   * Y-coordinate
-   * @devices phone, tablet, wearable
-   * @since 7
-   */
-  y: number;
-
-  /**
-   * Z-coordinate
-   * @devices phone, tablet, wearable
-   * @since 7
-   */
-  z: number;
-}
-
-/**
- * @devices phone, tablet, wearable
- */
-export interface SubscribeGravityOptions {
-  /**
-   * Execution frequency of the callback function for listening to gravity sensor data.
-   * Available values are as follows:
-   *   1. game: Extremely high frequency (20 ms per callback), which is applicable to gaming.
-   *   2. ui: High frequency (60 ms per callback), which is applicable to UI updating.
-   *   3. normal: Regular frequency (200 ms per callback), which is application to low power consumption.
-   * The default value is normal.
-   * @devices phone, tablet, wearable
-   * @since 7
-   */
-  interval: string;
-
-  /**
-   * Called when gravity sensor data changes.
-   * @devices phone, tablet, wearable
-   * @since 7
-   */
-  success: (data: GravityResponse) => void;
-
-  /**
-   * Called when the listening fails.
-   * @devices phone, tablet, wearable
-   * @since 7
-   */
-  fail?: (data: string, code: number) => void;
-}
-
-/**
- * @devices phone, tablet, wearable
- */
-export interface MagneticResponse {
-  /**
-   * X-coordinate
-   * @devices phone, tablet, wearable
-   * @since 7
-   */
-  x: number;
-
-  /**
-   * Y-coordinate
-   * @devices phone, tablet, wearable
-   * @since 7
-   */
-  y: number;
-
-  /**
-   * Z-coordinate
-   * @devices phone, tablet, wearable
-   * @since 7
-   */
-  z: number;
-}
-
-/**
- * @devices phone, tablet, wearable
- */
-export interface SubscribeMagneticOptions {
-  /**
-   * Execution frequency of the callback function for listening to magnetic sensor data.
-   * Available values are as follows:
-   *   1. game: Extremely high frequency (20 ms per callback), which is applicable to gaming.
-   *   2. ui: High frequency (60 ms per callback), which is applicable to UI updating.
-   *   3. normal: Regular frequency (200 ms per callback), which is application to low power consumption.
-   * The default value is normal.
-   * @devices phone, tablet, wearable
-   * @since 7
-   */
-  interval: string;
-
-  /**
-   * Called when magnetic sensor data changes.
-   * @devices phone, tablet, wearable
-   * @since 7
-   */
-  success: (data: MagneticResponse) => void;
-
-  /**
-   * Called when the listening fails.
-   * @devices phone, tablet, wearable
-   * @since 7
-   */
-  fail?: (data: string, code: number) => void;
-}
-
-/**
- * @devices phone, tablet
- */
-export interface HallResponse {
-  /**
-   * Indicates the hall sensor data.
-   * @devices phone, tablet
-   * @since 7
-   */
-  value: number;
-}
-
-/**
- * @devices phone, tablet
- */
-export interface SubscribeHallOptions {
-  /**
-   * Execution frequency of the callback function for listening to hall sensor data.
-   * Available values are as follows:
-   *   1. game: Extremely high frequency (20 ms per callback), which is applicable to gaming.
-   *   2. ui: High frequency (60 ms per callback), which is applicable to UI updating.
-   *   3. normal: Regular frequency (200 ms per callback), which is application to low power consumption.
-   * The default value is normal.
-   * @devices phone, tablet
-   * @since 7
-   */
-  interval: string;
-
-  /**
-   * Called when hall sensor data changes.
-   * @devices phone, tablet
-   * @since 7
-   */
-  success: (data: HallResponse) => void;
-
-  /**
-   * Called when the listening fails.
-   * @devices phone, tablet
-   * @since 7
-   */
-  fail?: (data: string, code: number) => void;
-}
-
-/**
- * @devices phone, tablet, wearable
- */
-export default class Sensor {
-  /**
-   * Listens to acceleration sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options Options.
-   * @devices phone, tablet, wearable
-   */
-  static subscribeAccelerometer(options: subscribeAccelerometerOptions): void;
-
-  /**
-   * Cancels listening to acceleration sensor data.
-   * @devices phone, tablet, wearable
-   */
-  static unsubscribeAccelerometer(): void;
-
-  /**
-   * Listens to compass sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options Options.
-   * @devices phone, tablet, wearable
-   */
-  static subscribeCompass(options: SubscribeCompassOptions): void;
-
-  /**
-   * Cancels listening to compass sensor data.
-   * @devices phone, tablet, wearable
-   */
-  static unsubscribeCompass(): void;
-
-  /**
-   * Listens to distance sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options Options.
-   * @devices phone, tablet
-   */
-  static subscribeProximity(options: SubscribeProximityOptions): void;
-
-  /**
-   * Cancels listening to distance sensor data.
-   * @param options Options.
-   * @devices phone, tablet
-   */
-  static unsubscribeProximity(): void;
-
-  /**
-   * Listens to ambient light sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options Options.
-   * @devices phone, tablet, wearable
-   */
-  static subscribeLight(options: SubscribeLightOptions): void;
-
-  /**
-   * Cancels listening to ambient light sensor data.
-   * @devices phone, tablet, wearable
-   */
-  static unsubscribeLight(): void;
-
-  /**
-   * Listens to step counter sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options Options.
-   * @devices phone, tablet, wearable, liteWearable
-   */
-  static subscribeStepCounter(options: SubscribeStepCounterOptions): void;
-
-  /**
-   * Cancels listening to step counter sensor data.
-   * @devices phone, tablet, wearable, liteWearable
-   */
-  static unsubscribeStepCounter(): void;
-
-  /**
-   * Listens to barometer sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options Options.
-   * @devices phone, tablet, wearable, liteWearable
-   */
-  static subscribeBarometer(options: SubscribeBarometerOptions): void;
-
-  /**
-   * Cancels listening to barometer sensor data.
-   * @devices phone, tablet, wearable, liteWearable
-   */
-  static unsubscribeBarometer(): void;
-
-  /**
-   * Listens to changes of heart rate sensor data.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options Options.
-   * @devices wearable, liteWearable
-   */
-  static subscribeHeartRate(options: SubscribeHeartRateOptions): void;
-
-  /**
-   * Cancels listening to heart rate sensor data.
-   * @devices wearable, liteWearable
-   */
-  static unsubscribeHeartRate(): void;
-
-  /**
-   * Listens to whether a sensor is worn.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options Options.
-   * @devices wearable, liteWearable
-   */
-  static subscribeOnBodyState(options: SubscribeOnBodyStateOptions): void;
-
-  /**
-   * Cancels listening to whether the sensor is worn.
-   * @devices wearable, liteWearable
-   */
-  static unsubscribeOnBodyState(): void;
-
-  /**
-   * Listens to device orientation sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options Options.
-   * @devices phone, tablet, wearable
-   */
-  static subscribeDeviceOrientation(options: SubscribeDeviceOrientationOptions): void;
-
-  /**
-   * Cancels listening to device orientation sensor data.
-   * @devices phone, tablet, wearable
-   */
-  static unsubscribeDeviceOrientation(): void;
-
-  /**
-   * Listens to gyroscope sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options Options.
-   * @devices phone, tablet, wearable
-   */
-  static subscribeGyroscope(options: SubscribeGyroscopeOptions): void;
-
-  /**
-   * Cancels listening to gyroscope sensor data.
-   * @devices phone, tablet, wearable
-   */
-  static unsubscribeGyroscope(): void;
-
-  /**
-   * Listens to gravity sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options Options.
-   * @devices phone, tablet, wearable
-   */
-  static subscribeGravity(options: SubscribeGravityOptions): void;
-
-  /**
-   * Cancels listening to gravity sensor data.
-   * @devices phone, tablet, wearable
-   */
-  static unsubscribeGravity(): void;
-
-  /**
-   * Listens to magnetic sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options Options.
-   * @devices phone, tablet, wearable
-   */
-  static subscribeMagnetic(options: SubscribeMagneticOptions): void;
-
-  /**
-   * Cancels listening to magnetic sensor data.
-   * @devices phone, tablet, wearable
-   */
-  static unsubscribeMagnetic(): void;
-
-  /**
-   * Listens to hall sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options Options.
-   * @devices phone, tablet, wearable
-   */
-  static subscribeHall(options: SubscribeHallOptions): void;
-
-  /**
-   * Cancels listening to hall sensor data.
-   * @devices phone, tablet, wearable
-   */
-  static unsubscribeHall(): void;
-
-  /**
-   * Obtains the sensor wearing state.
-   * @param options Options.
-   * @devices wearable, liteWearable
-   */
-  static getOnBodyState(options: GetOnBodyStateOptions): void;
-}
diff --git a/api/commonevent/commoneventdata.d.ts b/api/commonEvent/commonEventData.d.ts
old mode 100755
new mode 100644
similarity index 78%
rename from api/commonevent/commoneventdata.d.ts
rename to api/commonEvent/commonEventData.d.ts
index 0d8f039d3641caccad1e261b7af0f81292507266..6e985c7156e1344d918407c3b9b2b91e074dcd43
--- a/api/commonevent/commoneventdata.d.ts
+++ b/api/commonEvent/commonEventData.d.ts
@@ -16,28 +16,21 @@
 /**
  * the data of the commonEvent
  * @name CommonEventData
- * @since 6
- * @sysCap ces
- * @devices phone
+ * @since 7
  * @permission N/A
- * @testapi
  */
 export interface CommonEventData {
   /**
    * event type
    * @default -
-   * @devices phone, tablet
-   * @since 6
-   * @sysCap AAFwk
+   * @since 7
    */
   event: string
 
   /**
    * bundle name
    * @default -
-   * @devices phone, tablet
-   * @since 6
-   * @sysCap AAFwk
+   * @since 7
    */
   bundleName?: string;
 
@@ -45,9 +38,7 @@ export interface CommonEventData {
    * The custom result code of the common event.
    *
    * @default 0
-   * @devices phone, tablet
-   * @since 6
-   * @SysCap ces
+   * @since 7
    */
   code?: number;
 
@@ -55,9 +46,15 @@ export interface CommonEventData {
    * The custom result data of the common event.
    *
    * @default ""
-   * @devices phone, tablet
-   * @since 6
-   * @SysCap ces
+   * @since 7
    */
   data?: string;
+
+  /**
+   * The description of the parameters in a common event.
+   *
+   * @default -
+   * @since 7
+   */
+  parameters?: {[key: string]: any};
 }
diff --git a/api/commonevent/commoneventpublishdata.d.ts b/api/commonEvent/commonEventPublishData.d.ts
old mode 100755
new mode 100644
similarity index 78%
rename from api/commonevent/commoneventpublishdata.d.ts
rename to api/commonEvent/commonEventPublishData.d.ts
index e15adc931ad6d61780fa215759e26e76ce36acd3..4c1dd0b5dd291b9d5062bb8984d183fa496cfbe3
--- a/api/commonevent/commoneventpublishdata.d.ts
+++ b/api/commonEvent/commonEventPublishData.d.ts
@@ -16,19 +16,14 @@
 /**
  * containing the common event content and attributes
  * @name CommonEventPublishData
- * @since 6
- * @sysCap ces
- * @devices phone
+ * @since 7
  * @permission N/A
- * @testapi
  */
 export interface CommonEventPublishData {
   /**
    * bundle name
    * @default -
-   * @devices phone, tablet
-   * @since 6
-   * @sysCap AAFwk
+   * @since 7
    */
   bundleName?: string;
 
@@ -36,9 +31,7 @@ export interface CommonEventPublishData {
    * The custom result code of the common event.
    *
    * @default 0
-   * @devices phone, tablet
-   * @since 6
-   * @SysCap ces
+   * @since 7
    */
   code?: number;
 
@@ -46,9 +39,7 @@ export interface CommonEventPublishData {
    * The custom result data of the common event.
    *
    * @default ""
-   * @devices phone, tablet
-   * @since 6
-   * @SysCap ces
+   * @since 7
    */
   data?: string;
 
@@ -56,9 +47,7 @@ export interface CommonEventPublishData {
    * The permissions for subscribers. Only subscribers with required permissions can receive published common events.
    *
    * @default -
-   * @devices phone, tablet
-   * @since 6
-   * @SysCap ces
+   * @since 7
    */
   subscriberPermissions?: Array<string>;
 
@@ -66,9 +55,7 @@ export interface CommonEventPublishData {
    * Whether the type of a common event is ordered or not.
    *
    * @default false
-   * @devices phone, tablet
-   * @since 6
-   * @SysCap ces
+   * @since 7
    */
   isOrdered?: boolean;
 
@@ -76,9 +63,15 @@ export interface CommonEventPublishData {
    * Whether the type of a common event is sticky or not.
    *
    * @default false
-   * @devices phone, tablet
-   * @since 6
-   * @SysCap ces
+   * @since 7
    */
   isSticky?: boolean;
+
+  /**
+   * The description of the parameters in a common event.
+   *
+   * @default -
+   * @since 7
+   */
+  parameters?: {[key: string]: any};
 }
\ No newline at end of file
diff --git a/api/commonevent/commoneventsubscribeinfo.d.ts b/api/commonEvent/commonEventSubscribeInfo.d.ts
old mode 100755
new mode 100644
similarity index 79%
rename from api/commonevent/commoneventsubscribeinfo.d.ts
rename to api/commonEvent/commonEventSubscribeInfo.d.ts
index 98e82a64771ae4961439fb72bfc57e64b4010ddb..cf648cf60827180ec800b4b63035cb44a1d4ad7e
--- a/api/commonevent/commoneventsubscribeinfo.d.ts
+++ b/api/commonEvent/commonEventSubscribeInfo.d.ts
@@ -16,11 +16,8 @@
 /**
  * the information of the subscriber
  * @name CommonEventSubscribeInfo
- * @since 6
- * @sysCap ces
- * @devices phone
+ * @since 7
  * @permission N/A
- * @testapi
  */
 export interface CommonEventSubscribeInfo {
   /**
@@ -28,20 +25,16 @@ export interface CommonEventSubscribeInfo {
    * This subscriber receives only common events sent by publishers granted with this permission.
    *
    * @default ""
-   * @devices phone, tablet
-   * @since 6
-   * @SysCap ces
+   * @since 7
    */
-  events: Array<string>
+  events: Array<string>;
 
   /**
    * The permission that the publisher must have in order to send a common event to this subscriber.
    * This subscriber receives only common events sent by publishers granted with this permission.
    *
    * @default ""
-   * @devices phone, tablet
-   * @since 6
-   * @SysCap ces
+   * @since 7
    */
   publisherPermission?: string;
 
@@ -49,9 +42,7 @@ export interface CommonEventSubscribeInfo {
    * deviceId Indicates the device ID. The value must be an existing device ID on the same ohos network.
    *
    * @default ""
-   * @devices phone, tablet
-   * @since 6
-   * @SysCap ces
+   * @since 7
    */
   publisherDeviceId?: string;
 
@@ -60,9 +51,7 @@ export interface CommonEventSubscribeInfo {
   * current user. If this parameter is specified, the value must be an existing user ID in the system.
    *
    * @default ""
-   * @devices phone, tablet
-   * @since 6
-   * @SysCap ces
+   * @since 7
    */
   userId?: number;
 
@@ -70,9 +59,7 @@ export interface CommonEventSubscribeInfo {
    * Indicates the subscriber priority. The value ranges from -100 to 1000.
    *
    * @default ""
-   * @devices phone, tablet
-   * @since 6
-   * @SysCap ces
+   * @since 7
    */
   priority?: number;
 }
\ No newline at end of file
diff --git a/api/commonevent/commoneventsubscriber.d.ts b/api/commonEvent/commonEventSubscriber.d.ts
old mode 100755
new mode 100644
similarity index 32%
rename from api/commonevent/commoneventsubscriber.d.ts
rename to api/commonEvent/commonEventSubscriber.d.ts
index 4a7b64c3d79210ed064c8868f275807953965285..65e5aba3537b2b8ea2080f0f63e701c46cae7435
--- a/api/commonevent/commoneventsubscriber.d.ts
+++ b/api/commonEvent/commonEventSubscriber.d.ts
@@ -13,88 +13,218 @@
  * limitations under the License.
  */
 import { AsyncCallback } from './../basic';
-import { CommonEventSubscribeInfo } from './commoneventsubscribeinfo';
+import { CommonEventSubscribeInfo } from './commonEventSubscribeInfo';
 
 /**
  * the subscriber of common event
  * @name CommonEventSubscriber
- * @since 6
- * @sysCap ces
- * @devices phone
+ * @since 7
  * @permission N/A
- * @testapi
  */
 export interface CommonEventSubscriber {
+  /**
+   * Obtains the result code of the current ordered common event.
+   *
+   * @since 7
+   * @param callback Indicate the callback funtion to receive the common event.
+   * @return -
+   */
+  getCode(callback: AsyncCallback<number>): void;
+
+  /**
+   * Obtains the result code of the current ordered common event.
+   *
+   * @since 7
+   * @param callback Indicate the callback funtion to receive the common event.
+   * @return -
+   */
+  getCode(): Promise<number>;
+
+  /**
+   * Sets the result code of the current ordered common event.
+   *
+   * @since 7
+   * @param code Indicates the custom result code to set. You can set it to any value.
+   * @param callback Indicate the callback funtion to receive the common event.
+   * @return -
+   */
+  setCode(code: number, callback: AsyncCallback<void>): void;
+
+  /**
+   * Sets the result code of the current ordered common event.
+   *
+   * @since 7
+   * @param code Indicates the custom result code to set. You can set it to any value.
+   * @param callback Indicate the callback funtion to receive the common event.
+   * @return -
+   */
+  setCode(code: number): Promise<void>;
+
+  /**
+   * Obtains the result data of the current ordered common event.
+   *
+   * @since 7
+   * @param callback Indicate the callback funtion to receive the common event.
+   * @return -
+   */
+  getData(callback: AsyncCallback<string>): void;
+
+  /**
+   * Obtains the result data of the current ordered common event.
+   *
+   * @since 7
+   * @param callback Indicate the callback funtion to receive the common event.
+   * @return -
+   */
+  getData(): Promise<string>;
+
+  /**
+   * Sets the result data of the current ordered common event.
+   *
+   * @since 7
+   * @param data Indicates the custom result data to set. You can set it to any character string.
+   * @param callback Indicate the callback funtion to receive the common event.
+   * @return -
+   */
+  setData(data: string, callback: AsyncCallback<void>): void;
+
+  /**
+   * Sets the result data of the current ordered common event.
+   *
+   * @since 7
+   * @param data Indicates the custom result data to set. You can set it to any character string.
+   * @param callback Indicate the callback funtion to receive the common event.
+   * @return -
+   */
+  setData(data: string): Promise<void>;
+
+  /**
+   * Sets the result of the current ordered common event.
+   *
+   * @since 7
+   * @param code Indicates the custom result code to set. You can set it to any value.
+   * @param data Indicates the custom result data to set. You can set it to any character string.
+   * @param callback Indicate the callback funtion to receive the common event.
+   * @return -
+   */
+  setCodeAndData(code: number, data: string, callback: AsyncCallback<void>): void;
+
+  /**
+   * Sets the result of the current ordered common event.
+   *
+   * @since 7
+   * @param code Indicates the custom result code to set. You can set it to any value.
+   * @param data Indicates the custom result data to set. You can set it to any character string.
+   * @param callback Indicate the callback funtion to receive the common event.
+   * @return -
+   */
+  setCodeAndData(code: number, data: string): Promise<void>;
 
   /**
    * Checks whether the current common event is an ordered common event.
    *
-   * @devices phone
-   * @since 6
-   * @SysCap ces
+   * @since 7
    * @param callback Indicate the callback funtion to receive the common event.
    * @return -
-   * @testapi
    */
   isOrderedCommonEvent(callback: AsyncCallback<boolean>): void;
 
   /**
    * Checks whether the current common event is an ordered common event.
    *
-   * @devices phone
-   * @since 6
-   * @SysCap ces
+   * @since 7
    * @param callback Indicate the callback funtion to receive the common event.
    * @return -
-   * @testapi
    */
   isOrderedCommonEvent(): Promise<boolean>;
 
   /**
    * Checks whether the current common event is a sticky common event.
    *
-   * @devices phone
-   * @since 6
-   * @SysCap ces
+   * @since 7
    * @param callback Indicate the callback funtion to receive the common event.
    * @return -
-   * @testapi
    */
   isStickyCommonEvent(callback: AsyncCallback<boolean>): void;
 
   /**
    * Checks whether the current common event is a sticky common event.
    *
-   * @devices phone
-   * @since 6
-   * @SysCap ces
+   * @since 7
    * @param callback Indicate the callback funtion to receive the common event.
    * @return -
-   * @testapi
    */
   isStickyCommonEvent(): Promise<boolean>;
 
+  /**
+   * Aborts the current ordered common event.
+   *
+   * @since 7
+   * @param callback Indicate the callback funtion to receive the common event.
+   * @return -
+   */
+  abortCommonEvent(callback: AsyncCallback<void>): void;
+
+  /**
+   * Aborts the current ordered common event.
+   *
+   * @since 7
+   * @param callback Indicate the callback funtion to receive the common event.
+   * @return -
+   */
+  abortCommonEvent(): Promise<void>;
+
+  /**
+   * Clears the abort state of the current ordered common event
+   *
+   * @since 7
+   * @param callback Indicate the callback funtion to receive the common event.
+   * @return -
+   */
+  clearAbortCommonEvent(callback: AsyncCallback<void>): void;
+
+  /**
+   * Clears the abort state of the current ordered common event
+   *
+   * @since 7
+   * @param callback Indicate the callback funtion to receive the common event.
+   * @return -
+   */
+  clearAbortCommonEvent(): Promise<void>;
+
+  /**
+   * Checks whether the current ordered common event should be aborted.
+   *
+   * @since 7
+   * @param callback Indicate the callback funtion to receive the common event.
+   * @return -
+   */
+  getAbortCommonEvent(callback: AsyncCallback<boolean>): void;
+
+  /**
+   * Checks whether the current ordered common event should be aborted.
+   *
+   * @since 7
+   * @param callback Indicate the callback funtion to receive the common event.
+   * @return -
+   */
+  getAbortCommonEvent(): Promise<boolean>;
+
   /**
    * get the CommonEventSubscribeInfo of this CommonEventSubscriber.
    *
-   * @devices phone
-   * @since 6
-   * @SysCap ces
+   * @since 7
    * @param callback Indicate the callback funtion to receive the common event.
    * @return -
-   * @testapi
    */
   getSubscribeInfo(callback: AsyncCallback<CommonEventSubscribeInfo>): void;
 
   /**
    * get the CommonEventSubscribeInfo of this CommonEventSubscriber.
    *
-   * @devices phone
-   * @since 6
-   * @SysCap ces
+   * @since 7
    * @param callback Indicate the callback funtion to receive the common event.
    * @return -
-   * @testapi
    */
   getSubscribeInfo(): Promise<CommonEventSubscribeInfo>;
 }
diff --git a/api/config/css/css-json-schema.json b/api/config/css/css-json-schema.json
old mode 100755
new mode 100644
diff --git a/api/config/css/cssConfig.json b/api/config/css/cssConfig.json
old mode 100755
new mode 100644
index 07f7ae600a13b933d2a5fe3187f08c66895cbb31..ccd2d2b6cc87d4eb98c720e7c191866cfa8659d9
--- a/api/config/css/cssConfig.json
+++ b/api/config/css/cssConfig.json
@@ -32,368 +32,224 @@
       ]
     },
     {
-      "name": "width",
+      "name": "fill",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "<color>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Component width. If this attribute is not set, the width required for the element content is used",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "Component width. If this attribute is not set, default value 0 is used",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "Use the shorthand property to set the fill color of the element."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "color"
           ]
         }
       ]
     },
     {
-      "name": "height",
+      "name": "fill-opacity",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "<number>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Component height. If this attribute is not set, the height required for the element content is used",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "Component height. If this attribute is not set, default value 0 is used",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "The transparency of the fill color ranges from 0 to 1. 1 is opaque and 0 is completely transparent."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "number"
           ]
         }
       ]
     },
     {
-      "name": "padding",
+      "name": "fill-rule",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length>{1,4} || <percentage>{1,4}",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "nonzero | evenodd"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "The attribute can have one to four values: 1. If you set a value, it specifies the padding for four sides; 2. If you set two values, the first value specifies the top and bottom padding, and the second value specifies the left and right padding; 3. If you set three values, the first value specifies the top padding, the second value specifies the left and right padding, and the third value specifies the bottom padding; 4. If you set four values, they respectively specify the padding for top, right, bottom, and left sides (in clockwise order)",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "Shorthand attribute to set all padding attributes",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "Nonzero: non-zero rule; Evenodd: parity rule"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
+            "nonzero | evenodd"
           ]
         }
       ]
     },
     {
-      "name": "padding-left",
+      "name": "opacity",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "number"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Left padding (in px)"
+          "name": "The transparency of an element ranges from 0 to 1, where 1 is opaque and 0 is completely transparent."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
+            "number"
           ]
         }
       ]
     },
     {
-      "name": "padding-top",
+      "name": "stroke-dasharray",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "<string>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Top padding (in px)"
+          "name": "Specifies the length of the dash and notch. The format is [length length length], the length of dash and notch is separated by the space between them."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "padding-right",
+      "name": "stroke-dashoffset",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "<length>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Right padding (in px)"
+          "name": "Sets the offset of the associative dashed array when rendering."
         }
       ],
       "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
         {
           "name": [
             "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "padding-bottom",
+      "name": "stroke-linejoin",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "[bevel | miter | round]"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Bottom padding (in px)"
+          "name": "The shape used at the corner of the path when you stroke."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
+            "bevel | miter | round"
           ]
         }
       ]
     },
     {
-      "name": "padding-start",
+      "name": "stroke-linecap",
       "supportedDevices": [
         "tv",
         "phone",
@@ -402,58 +258,29 @@
       ],
       "syntax": [
         {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "[butt | round | square]"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Start padding"
+          "name": "Shapes used at the end of paths when they are traced"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
+            "butt | round | square"
           ]
         }
       ]
     },
     {
-      "name": "padding-end",
+      "name": "stroke-miterlimit",
       "supportedDevices": [
         "tv",
         "phone",
@@ -462,123 +289,110 @@
       ],
       "syntax": [
         {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "number"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "End padding"
+          "name": "Sets the limit value for drawing acute angles as bevels."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
+            "number"
           ]
         }
       ]
     },
     {
-      "name": "margin",
+      "name": "stroke-opacity",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length>{1,4} || <percentage>{1,4}"
+          "name": "number"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Shorthand attribute to set margins for all sides in a declaration. You can set one to four values: 1. One value: specifies the margin for all the four sides; 2. Two values: The first value is for the top and bottom sides, and the second value is for the left and right sides; 3. Three values: The first value is for the top, the second value for the left and right, and the third value for the bottom; 4. They are margins for top, right, bottom, and left sides, respectively"
+          "name": "The transparency of contour lines ranges from 0 to 1, where 1 is opaque and 0 is completely transparent."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "number"
           ]
         }
       ]
     },
     {
-      "name": "margin-left",
+      "name": "transform",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "<string>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Left margin"
+          "name": "Set the coordinate transformation parameters of components and subcomponents"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "margin-top",
+      "name": "x",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "<length>|<percentage>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Top margin"
+          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid"
         }
       ],
       "restrictions": [
@@ -591,20 +405,26 @@
       ]
     },
     {
-      "name": "margin-right",
+      "name": "y",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "<length>|<percentage>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Right margin"
+          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid"
         }
       ],
       "restrictions": [
@@ -617,33 +437,38 @@
       ]
     },
     {
-      "name": "margin-bottom",
+      "name": "viewBox",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "string"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Bottom margin"
+          "name": "Sets the current SVG's viewport. The supported format is < number >. The four parameters represent min-x, min-y, width and height respectively. If the width and height of viewbox and SVG are inconsistent, they will be scaled by center alignment."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "margin-start",
+      "name": "rx",
       "supportedDevices": [
         "tv",
         "phone",
@@ -652,17 +477,17 @@
       ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "<length>|<percentage>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Start margin"
+          "name": "Set the radius of rectangle fillet in X direction. Support attribute animation"
         }
       ],
       "restrictions": [
@@ -675,7 +500,7 @@
       ]
     },
     {
-      "name": "margin-end",
+      "name": "ry",
       "supportedDevices": [
         "tv",
         "phone",
@@ -684,17 +509,17 @@
       ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "<length>|<percentage>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "End margin"
+          "name": "Set the radius of rectangle fillet in Y direction."
         }
       ],
       "restrictions": [
@@ -707,7 +532,7 @@
       ]
     },
     {
-      "name": "border",
+      "name": "cx",
       "supportedDevices": [
         "tv",
         "phone",
@@ -716,826 +541,795 @@
       ],
       "syntax": [
         {
-          "name": "<line-width> || <line-style> || <color>"
+          "name": "<length>|<percentage>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Shorthand attribute to set all boarders. You can set border-width, border-style, and border-color in sequence. Default values are used for attributes that are not set"
+          "name": "Sets the x-axis coordinate of the center of the circle."
         }
       ],
       "restrictions": [
         {
           "name": [
             "length",
-            "line-style",
-            "color"
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-style",
+      "name": "cy",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Shorthand attribute to set the style of all borders. The available values are as follows: 1. dotted: Dotted border. The radius of a dot is half of border-width;2. dashed: Dashed border;3. solid: Solid border;"
+          "name": "v7.0"
         }
       ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
+      "description": [
         {
-          "name": "solid"
+          "name": "Sets the y-axis coordinate of the center of the circle."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-left-style",
+      "name": "r",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Styles of the left borders. The available values are dotted, dashed, and solid"
+          "name": "v7.0"
         }
       ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
+      "description": [
         {
-          "name": "solid"
+          "name": "Sets the radius of the circle."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-top-style",
+      "name": "d",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "string"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Styles of the top borders. The available values are dotted, dashed, and solid"
+          "name": "v7.0"
         }
       ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
+      "description": [
         {
-          "name": "solid"
+          "name": "Sets the shape of the path. Contains a set of character instructions, uppercase letters for absolute path, lowercase characters for relative path"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "border-right-style",
+      "name": "x1",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Styles of the right borders. The available values are dotted, dashed, and solid"
+          "name": "v7.0"
         }
       ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
+      "description": [
         {
-          "name": "solid"
+          "name": "Sets the x-axis coordinate of the line start point."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-bottom-style",
+      "name": "y1",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Styles of the bottom borders. The available values are dotted, dashed, and solid"
+          "name": "v7.0"
         }
       ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
+      "description": [
         {
-          "name": "solid"
+          "name": "Sets the y-axis coordinate of the line start point."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-left",
+      "name": "x2",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<line-width> || <line-style> || <color>"
+          "name": "Sets the x-axis coordinate of the end of the line."
         }
       ],
       "restrictions": [
         {
           "name": [
             "length",
-            "line-style",
-            "color"
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-top",
+      "name": "y2",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<line-width> || <line-style> || <color>"
+          "name": "Sets the y-axis coordinate of the end of the line."
         }
       ],
       "restrictions": [
         {
           "name": [
             "length",
-            "line-style",
-            "color"
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-right",
+      "name": "points",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "string"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<line-width> || <line-style> || <color>"
+          "name": "Set multiple coordinate points of the polyline"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "line-style",
-            "color"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "border-bottom",
+      "name": "dx",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<line-width> || <line-style> || <color>"
+          "name": "Set text X axis offset"
         }
       ],
       "restrictions": [
         {
           "name": [
             "length",
-            "line-style",
-            "color"
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-width",
-      "version": [
+      "name": "dy",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Shorthand attribute to set the width of all borders, or separately set the width of each border"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
+      "description": [
         {
-          "name": "<line-width>{1,4}",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "Set text Y axis offset"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-left-width",
+      "name": "stroke",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<color>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to set widths of left borders"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "Draws the font border and specifies the color"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "color"
           ]
         }
       ]
     },
     {
-      "name": "border-top-width",
+      "name": "startOffset",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to set widths of top borders"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "Sets the starting offset of the text along the path"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-right-width",
+      "name": "attributeName",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "string"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to set widths of right borders"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "Set the name of the property to be active"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "border-bottom-width",
+      "name": "begin",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<time>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to set widths of right borders"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "Set the delay time of the action"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "time"
           ]
         }
       ]
     },
     {
-      "name": "border-color",
-      "version": [
+      "name": "dur",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<time>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Shorthand attribute to set the color of all borders, or separately set the color of each border"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<color>{1,4}"
+          "name": "If dur is not set, the result of end begin is used as the duration. If dur is less than or equal to 0, the dynamic effect will not trigger."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "color"
+            "time"
           ]
         }
       ]
     },
     {
-      "name": "border-left-color",
+      "name": "end",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<time>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to set colors of left borders"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<color>"
+          "name": "How long does the dynamic effect end"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "color"
+            "time"
           ]
         }
       ]
     },
     {
-      "name": "border-top-color",
+      "name": "repeatCount",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<number | indefinite>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to set colors of top borders"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<color>"
+          "name": "Set the number of times the animation should be played. Default is Indefinite (indefinite), which can be set to the value 1 to play only once."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "color"
+            "number",
+            "indefinite"
           ]
         }
       ]
     },
     {
-      "name": "border-right-color",
+      "name": "calcMode",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<discrete | linear | paced | spline>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to set colors of right borders"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<color>"
+          "name": "Sets the interpolation mode for the animation"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "color"
+            "discrete",
+            "linear",
+            "paced",
+            "spline"
           ]
         }
       ]
     },
     {
-      "name": "border-bottom-color",
+      "name": "keyTimes",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "string"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to set colors of bottom borders"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<color>"
+          "name": "Sets the start time of the keyframe animation"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "color"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "border-radius",
-      "version": [
+      "name": "keySplines",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "string"
         }
       ],
-      "description": [
-        {
-          "name": "Attribute to set the radius of round borders of an element. This attribute cannot be used to set the width, color, or style of a specific border. To set the width or color, you need to set border-width, border-color, or border-style for all the borders at the same time.",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
+      "version": [
         {
-          "name": "Attribute to set the radius of round borders of an element",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "A set of Bezier control points associated with KeyTimes. Define the Bessel curve for each key frame, separated by a semicolon"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "border-top-left-radius",
+      "name": "from",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "string"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to receptively set the radius of the upper-left rounded corner"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "Sets the start value of the property that you want to animate."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "border-top-right-radius",
+      "name": "to",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "string"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to receptively set the radius of the upper-right rounded corner"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "Sets the end value of the property that you want to animate."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "border-bottom-left-radius",
+      "name": "values",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "string"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to receptively set the radius of the lower-left rounded corner"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "Sets the variation values of a set of animations."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "border-bottom-right-radius",
+      "name": "type",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "[translate | scale | rotate | skewX | skewY]"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to receptively set the radius of the lower-right rounded corner"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "Sets the type of the Transform animation"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "translate",
+            "scale",
+            "rotate",
+            "skewX",
+            "skewY"
           ]
         }
       ]
     },
     {
-      "name": "mask-color",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
+      "name": "width",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
       ],
       "version": [
         {
@@ -1544,29 +1338,37 @@
       ],
       "description": [
         {
-          "name": "Color configuration of the mask layer. By default, the mask layer is completely transparent."
-        }
-      ],
-      "syntax": [
+          "name": "Component width. If this attribute is not set, the width required for the element content is used",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
         {
-          "name": "<color>"
+          "name": "Component width. If this attribute is not set, default value 0 is used",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
         }
       ],
       "restrictions": [
         {
           "name": [
-            "color"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "mask-image",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
+      "name": "height",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
       ],
       "version": [
         {
@@ -1575,29 +1377,49 @@
       ],
       "description": [
         {
-          "name": "This attribute supports Gradient Styles or SVG URL"
+          "name": "Component height. If this attribute is not set, the height required for the element content is used",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "Component height. If this attribute is not set, default value 0 is used",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
         }
       ],
       "restrictions": [
         {
           "name": [
-            "image",
-            "url"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "image-size",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
+      "name": "padding",
       "syntax": [
         {
-          "name": "[ contain | cover | auto | <length> | <percentage> ]"
+          "name": "<length>{1,4} || <percentage>{1,4}",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "<length>",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
         }
       ],
       "version": [
@@ -1607,30 +1429,64 @@
       ],
       "description": [
         {
-          "name": "Mask image size. The string values are as follows: − contain: Expands the image to the maximum size so that the height and width of the image are applicable to the content area. − cover: Extends the mask image to a large enough size so that the mask image completely covers the mask area. Some parts of the image may not be displayed in the background localization area. − auto: The original image width-height ratio is retained. The two <length> values are as follows: Height and width of the mask image. The first value indicates the width, and the second value indicates the height. If you only set one value, the second value is set to auto by default. 2. The two <percentage> values are as follows: Width and height of the mask image in percentage of the parent element. The first value indicates the width, and the second value indicates the height. If you only set one value, the other value is set to auto by default"
+          "name": "The attribute can have one to four values: 1. If you set a value, it specifies the padding for four sides; 2. If you set two values, the first value specifies the top and bottom padding, and the second value specifies the left and right padding; 3. If you set three values, the first value specifies the top padding, the second value specifies the left and right padding, and the third value specifies the bottom padding; 4. If you set four values, they respectively specify the padding for top, right, bottom, and left sides (in clockwise order)",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "Shorthand attribute to set all padding attributes",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum",
             "length",
             "percentage"
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "mask-position",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
+      "name": "padding-left",
       "syntax": [
         {
-          "name": "<bg-position>#"
+          "name": "<length> || <percentage>",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "<length>",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
         }
       ],
       "version": [
@@ -1640,26 +1496,52 @@
       ],
       "description": [
         {
-          "name": "Using keywords: If only one keyword is specified, the second value is center. The two values define the horizontal position and vertical position respectively. −left: leftmost in the horizontal direction −right: rightmost in the horizontal direction −top: top in the vertical direction −bottom: bottom in the vertical direction −center: center position 1. Using <length>: The first value indicates the horizontal position, and the second value indicates the vertical position. The values are in the Xpx Ypx format. 0 0 indicates the upper left corner. If only one value is specified, the other one is 50%. 2.Using <percentage>: The first value indicates the horizontal position, and the second value indicates the vertical position. 0% 0% indicates the upper left corner. 100% 100% indicates the lower right corner. If only one value is specified, the other one is 50%. 3.Using both <percentage> and <length>"
+          "name": "Left padding (in px)"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "position",
             "length",
             "percentage"
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "background",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
+      "name": "padding-top",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "<length>",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
+        }
       ],
       "version": [
         {
@@ -1668,22 +1550,51 @@
       ],
       "description": [
         {
-          "name": "This attribute supports Gradient Styles but is not compatible with background-color or background-image"
+          "name": "Top padding (in px)"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "image"
+            "length",
+            "percentage"
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "background-color",
+      "name": "padding-right",
       "syntax": [
         {
-          "name": "<color>"
+          "name": "<length> || <percentage>",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "<length>",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
         }
       ],
       "version": [
@@ -1693,24 +1604,52 @@
       ],
       "description": [
         {
-          "name": "Background color"
+          "name": "Right padding (in px)"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "color"
+            "length",
+            "percentage"
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "background-image",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
+      "name": "padding-bottom",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "<length>",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
+        }
       ],
       "version": [
         {
@@ -1719,19 +1658,35 @@
       ],
       "description": [
         {
-          "name": "Background image. Currently, this attribute is not compatible with background-color or border-color. Both Internet and local image resources are supported"
+          "name": "Bottom padding (in px)"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "string"
+            "length",
+            "percentage"
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "background-size",
+      "name": "padding-start",
       "supportedDevices": [
         "tv",
         "phone",
@@ -1740,18 +1695,20 @@
       ],
       "syntax": [
         {
-          "name": "[ contain | cover | auto | <length> | <percentage> ]"
-        }
-      ],
-      "values": [
-        {
-          "name": "contain"
-        },
-        {
-          "name": "cover"
+          "name": "<length> || <percentage>",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
         },
         {
-          "name": "auto"
+          "name": "<length>",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
         }
       ],
       "version": [
@@ -1761,21 +1718,35 @@
       ],
       "description": [
         {
-          "name": "Background image size. The string values are as follows: − contain: Expands the image to the maximum size so that the height and width of the image are applicable to the content area. − cover: Extends the background image to a large enough size so that the background image completely covers the background area. Some parts of the image may not be displayed in the background localization area. − auto: The original image width-height ratio is retained. The two <length> values are as follows: Height and width of the background image. The first value indicates the width, and the second value indicates the height. If you only set one value, the second value is set to auto by default. 2. The two <percentage> values are as follows: Width and height of the background image in percentage of the parent element. The first value indicates the width, and the second value indicates the height. If you only set one value, the other value is set to auto by default"
+          "name": "Start padding"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum",
             "length",
             "percentage"
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "background-repeat",
+      "name": "padding-end",
       "supportedDevices": [
         "tv",
         "phone",
@@ -1784,7 +1755,20 @@
       ],
       "syntax": [
         {
-          "name": "<repeat-style>#"
+          "name": "<length> || <percentage>",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "<length>",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
         }
       ],
       "version": [
@@ -1794,28 +1778,38 @@
       ],
       "description": [
         {
-          "name": "Repeating attribute of a background image. By default, a background image is repeated both horizontally and vertically. 1. repeat: Draws images along the x axis and y axis at the same time. 2. repeat-x: Draws images along the x axis. 3. repeat-y: Draws images along the y axis. 4. no-repeat: The image is not drawn repeatedly."
+          "name": "End padding"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "repeat"
+            "length",
+            "percentage"
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "background-position",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
+      "name": "margin",
       "syntax": [
         {
-          "name": "<bg-position>#"
+          "name": "<length>{1,4} || <percentage>{1,4}"
         }
       ],
       "version": [
@@ -1825,13 +1819,12 @@
       ],
       "description": [
         {
-          "name": "Using keywords: If only one keyword is specified, the second value is center. The two values define the horizontal position and vertical position respectively. −left: leftmost in the horizontal direction −right: rightmost in the horizontal direction −top: top in the vertical direction −bottom: bottom in the vertical direction −center: center position 1. Using <length>: The first value indicates the horizontal position, and the second value indicates the vertical position. The values are in the Xpx Ypx format. 0 0 indicates the upper left corner. If only one value is specified, the other one is 50%. 2.Using <percentage>: The first value indicates the horizontal position, and the second value indicates the vertical position. 0% 0% indicates the upper left corner. 100% 100% indicates the lower right corner. If only one value is specified, the other one is 50%. 3.Using both <percentage> and <length>"
+          "name": "Shorthand attribute to set margins for all sides in a declaration. You can set one to four values: 1. One value: specifies the margin for all the four sides; 2. Two values: The first value is for the top and bottom sides, and the second value is for the left and right sides; 3. Three values: The first value is for the top, the second value for the left and right, and the third value for the bottom; 4. They are margins for top, right, bottom, and left sides, respectively"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "position",
             "length",
             "percentage"
           ]
@@ -1839,16 +1832,10 @@
       ]
     },
     {
-      "name": "opacity",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
+      "name": "margin-left",
       "syntax": [
         {
-          "name": "<number>"
+          "name": "<length> || <percentage>"
         }
       ],
       "version": [
@@ -1858,51 +1845,50 @@
       ],
       "description": [
         {
-          "name": "Transparency of an element. The value ranges from 0 to 1. 1 indicates opaque, and 0 indicates completely transparent"
+          "name": "Left margin"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "number"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "display",
-      "values": [
+      "name": "margin-top",
+      "syntax": [
         {
-          "name": "flex",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
-          ]
-        },
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
         {
-          "name": "grid",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
+          "name": "v3.0"
+        }
+      ],
+      "description": [
         {
-          "name": "none",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
+          "name": "Top margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
           ]
         }
+      ]
+    },
+    {
+      "name": "margin-right",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
       ],
       "version": [
         {
@@ -1911,33 +1897,23 @@
       ],
       "description": [
         {
-          "name": "Type of the view box of the element. Currently, dynamic modification is not supported. Available values are as follows:  flex: flexible layout;  none: This item is hidden"
+          "name": "Right margin"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "visibility",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "values": [
-        {
-          "name": "visible",
-          "description": "The element is visible"
-        },
+      "name": "margin-bottom",
+      "syntax": [
         {
-          "name": "hidden",
-          "description": "The element is hidden but still takes up space"
+          "name": "<length> || <percentage>"
         }
       ],
       "version": [
@@ -1947,19 +1923,20 @@
       ],
       "description": [
         {
-          "name": "Whether to display an element. Invisible borders occupy layout space (set the display attribute to none to hide the borders). The values are as follows: 1. visible: The element is visible. 2. hidden: The element is hidden but still takes up space. NOTE If both visibility and display are set, only display takes effect."
+          "name": "Bottom margin"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "flex",
+      "name": "margin-start",
       "supportedDevices": [
         "tv",
         "phone",
@@ -1968,7 +1945,7 @@
       ],
       "syntax": [
         {
-          "name": "<number>"
+          "name": "<length> || <percentage>"
         }
       ],
       "version": [
@@ -1978,19 +1955,20 @@
       ],
       "description": [
         {
-          "name": "How to divide available space of the parent component for a child component. It is used as a shorthand attribute to set the flex-grow attribute of the parent component. NOTE This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
+          "name": "Start margin"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "number"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "flex-grow",
+      "name": "margin-end",
       "supportedDevices": [
         "tv",
         "phone",
@@ -1999,7 +1977,2433 @@
       ],
       "syntax": [
         {
-          "name": "<number>"
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "End margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<line-width> || <line-style> || <color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set all boarders. You can set border-width, border-style, and border-color in sequence. Default values are used for attributes that are not set"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "line-style",
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-style",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set the style of all borders. The available values are as follows: 1. dotted: Dotted border. The radius of a dot is half of border-width;2. dashed: Dashed border;3. solid: Solid border;"
+        }
+      ],
+      "values": [
+        {
+          "name": "dotted"
+        },
+        {
+          "name": "dashed"
+        },
+        {
+          "name": "solid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-left-style",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Styles of the left borders. The available values are dotted, dashed, and solid"
+        }
+      ],
+      "values": [
+        {
+          "name": "dotted"
+        },
+        {
+          "name": "dashed"
+        },
+        {
+          "name": "solid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top-style",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Styles of the top borders. The available values are dotted, dashed, and solid"
+        }
+      ],
+      "values": [
+        {
+          "name": "dotted"
+        },
+        {
+          "name": "dashed"
+        },
+        {
+          "name": "solid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-right-style",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Styles of the right borders. The available values are dotted, dashed, and solid"
+        }
+      ],
+      "values": [
+        {
+          "name": "dotted"
+        },
+        {
+          "name": "dashed"
+        },
+        {
+          "name": "solid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-bottom-style",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Styles of the bottom borders. The available values are dotted, dashed, and solid"
+        }
+      ],
+      "values": [
+        {
+          "name": "dotted"
+        },
+        {
+          "name": "dashed"
+        },
+        {
+          "name": "solid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-source",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "border image."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-slice",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The border of the image is shifted inward"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-width",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Width about the border of the image"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-outset",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The border image can exceed the size of the border box"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-repeat",
+      "syntax": [
+        {
+          "name": "stretch | repeat | round"
+        }
+      ],
+      "values": [
+        {
+          "name": "stretch",
+          "description": "Stretch the picture to fill the border"
+        },
+        {
+          "name": "repeat",
+          "description": "Tile the picture to fill the border"
+        },
+        {
+          "name": "round",
+          "description": "Tile the picture according to the image size"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "How the picture fills the border"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<line-source> || <line-slice> || <line-width> || <line-outset> || <line-repeat>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The image of border attributes"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string",
+            "length",
+            "length",
+            "length",
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-left",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<line-width> || <line-style> || <color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "line-style",
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<line-width> || <line-style> || <color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "line-style",
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-right",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<line-width> || <line-style> || <color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "line-style",
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-bottom",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<line-width> || <line-style> || <color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "line-style",
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-width",
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set the width of all borders, or separately set the width of each border"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "<line-width>{1,4}",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-left-width",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set widths of left borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top-width",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set widths of top borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-right-width",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set widths of right borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-bottom-width",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set widths of right borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-color",
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set the color of all borders, or separately set the color of each border"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>{1,4}"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-left-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set colors of left borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set colors of top borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-right-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set colors of right borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-bottom-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set colors of bottom borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-radius",
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set the radius of round borders of an element. This attribute cannot be used to set the width, color, or style of a specific border. To set the width or color, you need to set border-width, border-color, or border-style for all the borders at the same time.",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "Attribute to set the radius of round borders of an element",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top-left-radius",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to receptively set the radius of the upper-left rounded corner"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top-right-radius",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to receptively set the radius of the upper-right rounded corner"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-bottom-left-radius",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to receptively set the radius of the lower-left rounded corner"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-bottom-right-radius",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to receptively set the radius of the lower-right rounded corner"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "mask-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Color configuration of the mask layer. By default, the mask layer is completely transparent."
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "mask-image",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "values":[
+        {
+          "name": "url()"
+        },
+        {
+          "name": "linear-gradient()"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "This attribute supports Gradient Styles or SVG URL"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "mask-size",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "[ contain | cover | auto | <length> | <percentage> ]"
+        }
+      ],
+     "values": [
+        {
+          "name": "contain"
+        },
+        {
+          "name": "cover"
+        },
+        {
+          "name": "auto"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Specifies the display size of a mask image. This parameter is valid only when mask-image is an image resource.\nThe options are as follows:\ncontain: Extends the image to its maximum size so that its height and width are fully appropriate for the content area.\ncover: Expand the image to a large enough size so that the background image completely covers the background area. Some parts of the background image may not be displayed in the background anchor area.\nauto: Keep the original image scale unchanged.\nlength: Set the height and width of the image. The first value sets the width and the second value sets the height. If you set only one value, the second value is set to \"auto\".\nPercentage: Set the width and height of the original image as a percentage of the width and height of the original image. The first value sets the width and the second value sets the height. If you set only one value, the second value is set to \"auto\"."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum",
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "mask-position",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "[ <bg-position> | <length> | <percentage> ]"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Using keywords: If only one keyword is specified, the second value is center. The two values define the horizontal position and vertical position respectively. −left: leftmost in the horizontal direction −right: rightmost in the horizontal direction −top: top in the vertical direction −bottom: bottom in the vertical direction −center: center position 1. Using <length>: The first value indicates the horizontal position, and the second value indicates the vertical position. The values are in the Xpx Ypx format. 0 0 indicates the upper left corner. If only one value is specified, the other one is 50%. 2.Using <percentage>: The first value indicates the horizontal position, and the second value indicates the vertical position. 0% 0% indicates the upper left corner. 100% 100% indicates the lower right corner. If only one value is specified, the other one is 50%. 3.Using both <percentage> and <length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "position",
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "background",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "This attribute supports Gradient Styles but is not compatible with background-color or background-image"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "image"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "background-color",
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Background color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "background-image",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Background image. Currently, this attribute is not compatible with background-color or border-color. Both Internet and local image resources are supported"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "background-size",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "[ contain | cover | auto | <length> | <percentage> ]"
+        }
+      ],
+      "values": [
+        {
+          "name": "contain"
+        },
+        {
+          "name": "cover"
+        },
+        {
+          "name": "auto"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Background image size. The string values are as follows: − contain: Expands the image to the maximum size so that the height and width of the image are applicable to the content area. − cover: Extends the background image to a large enough size so that the background image completely covers the background area. Some parts of the image may not be displayed in the background localization area. − auto: The original image width-height ratio is retained. The two <length> values are as follows: Height and width of the background image. The first value indicates the width, and the second value indicates the height. If you only set one value, the second value is set to auto by default. 2. The two <percentage> values are as follows: Width and height of the background image in percentage of the parent element. The first value indicates the width, and the second value indicates the height. If you only set one value, the other value is set to auto by default"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum",
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "background-repeat",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<repeat-style>#"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Repeating attribute of a background image. By default, a background image is repeated both horizontally and vertically. 1. repeat: Draws images along the x axis and y axis at the same time. 2. repeat-x: Draws images along the x axis. 3. repeat-y: Draws images along the y axis. 4. no-repeat: The image is not drawn repeatedly."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "repeat"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "background-position",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "[ <bg-position> | <length> | <percentage> ]"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Using keywords: If only one keyword is specified, the second value is center. The two values define the horizontal position and vertical position respectively. −left: leftmost in the horizontal direction −right: rightmost in the horizontal direction −top: top in the vertical direction −bottom: bottom in the vertical direction −center: center position 1. Using <length>: The first value indicates the horizontal position, and the second value indicates the vertical position. The values are in the Xpx Ypx format. 0 0 indicates the upper left corner. If only one value is specified, the other one is 50%. 2.Using <percentage>: The first value indicates the horizontal position, and the second value indicates the vertical position. 0% 0% indicates the upper left corner. 100% 100% indicates the lower right corner. If only one value is specified, the other one is 50%. 3.Using both <percentage> and <length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "position",
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Transparency of an element. The value ranges from 0 to 1. 1 indicates opaque, and 0 indicates completely transparent"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "display",
+      "values": [
+        {
+          "name": "flex",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable",
+            "liteWearable",
+            "smartVision"
+          ]
+        },
+        {
+          "name": "grid",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "none",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable",
+            "liteWearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Type of the view box of the element. Currently, dynamic modification is not supported. Available values are as follows:  flex: flexible layout;  none: This item is hidden"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "visibility",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "values": [
+        {
+          "name": "visible",
+          "description": "The element is visible"
+        },
+        {
+          "name": "hidden",
+          "description": "The element is hidden but still takes up space"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether to display an element. Invisible borders occupy layout space (set the display attribute to none to hide the borders). The values are as follows: 1. visible: The element is visible. 2. hidden: The element is hidden but still takes up space. NOTE If both visibility and display are set, only display takes effect."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "flex",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "How to divide available space of the parent component for a child component. It is used as a shorthand attribute to set the flex-grow attribute of the parent component. NOTE This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "flex-grow",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "How much a child component will grow. The value specifies allocation of the remaining space on the main axis of the parent component. Size of available space = Container size - Total size of all child components. Value 0 indicates that the child component does not grow. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "flex-shrink",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "How much child component will shrink. The shrink occurs only when the sum of default item widths is greater than that of the parent component. Value 0 indicates that the child component does not shrink. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "flex-basis",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Initial length of the flex item on the main axis. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "align-self",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+     "values": [
+        {
+          "name": "stretch"
+        },
+        {
+          "name": "flex-start"
+        },
+        {
+          "name": "flex-end"
+        },
+        {
+          "name": "center"
+        },
+        {
+          "name": "baseline"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the alignment of itself on the cross axis of the parent element. This style will override the align-items style of the parent element.  It is only supported when the parent container is div or list"
+        },
+        {
+          "syntax": [
+            {
+              "name": "stretch | flex-start | flex-end | center | baseline"
+            }
+          ]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "position",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "values": [
+        {
+          "name": "fixed"
+        },
+        {
+          "name": "absolute"
+        },
+        {
+          "name": "relative"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Positioning type of an element. Dynamic changes are not supported. 1. fixed: The element is positioned related to the browser window. 2. absolute: The element is positioned absolutely to its parent element. 3. relative: The element is positioned relative to its normal position. NOTE: The absolute attribute takes effect only when the parent component is <div> or <stack>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "left",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "left must be used together with position to determine the offset position of an element. The left attribute specifies the left edge position of the element. This attribute defines the offset between the left edge of a positioned element and that of a block included in the element"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "top",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "top must be used together with position to determine the offset position of an element. The top attribute specifies the top edge position of the element. This attribute defines the offset between the top edge of a positioned element and that of a block included in the element"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "right",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "right must be used together with position to determine the offset position of an element. The right attribute specifies the right edge position of the element. This attribute defines the offset between the right edge of a positioned element and that of a block included in the element"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "bottom",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "bottom must be used together with position to determine the offset position of an element. The bottom attribute specifies the bottom edge position of the element. This attribute defines the offset between the bottom edge of a positioned element and that of a block included in the element"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "start",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The start property specifies the starting edge of the element. This attribute defines the offset between the start outer margin boundary of the positioning element and the start boundary of the containing block."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "end",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The end property specifies the end edge of the element. This attribute defines the offset between the end margin boundary of an anchor element and the end boundary of its containing block."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transform-origin",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "values": [
+        {
+          "name": "0px 0px"
+        },
+        {
+          "name": "0% 0%"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Origin position of the transformed element. The unit can be px or a percentage (relative to the animation target component), for example, 50px 100px or 50% 50%."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transform",
+      "values": [
+        {
+          "name": "matrix()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "none()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "matrix3d()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "translate()",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "translate3d()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "translateX()"
+        },
+        {
+          "name": "translateY()"
+        },
+        {
+          "name": "translateZ()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "scale()",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "scale3d()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "scaleX()",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "scaleY()",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "scaleZ()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "rotate()"
+        },
+        {
+          "name": "rotate3d()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "rotateX('angle')",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "rotateY('angle')",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "rotateZ()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "skew()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "skewX()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "skewY()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "perspective()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<transform-list>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Translation, rotation, and scaling attributes"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation",
+      "syntax": [
+        {
+          "name": "duration | timing-function | delay | iteration-count | direction | fill-mode | play-state | name"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand property combines six of the animation properties into the 'animation' property."
+        }
+      ]
+    },
+    {
+      "name": "animation-name",
+      "syntax": [
+        {
+          "name": "[ none | <keyframes-name> ]#"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "@keyframes rule"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "identifier"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-delay",
+      "syntax": [
+        {
+          "name": "<time>#"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Delay for playing the animation, in ms or s, for example, 1000 ms or 1s. The default unit is ms."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "time"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-duration",
+      "syntax": [
+        {
+          "name": "<time>#"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Animation duration, in ms or s, for example, 1000 ms or 1s. The default unit is ms. NOTE: For basic watches, the maximum animation duration is 60s. animation-duration must be specified. Otherwise, the duration is 0, which means the animation will not be played"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "time"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-iteration-count",
+      "syntax": [
+        {
+          "name": "<single-animation-iteration-count>#"
+        }
+      ],
+      "values": [
+        {
+          "name": "infinite"
+        },
+        {
+          "name": "1"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Number of times that an animation is played. The animation is played once by default. You can set the value to infinite to play the animation infinitely"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number",
+            "enum"
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": [
+            "enum"
+          ],
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-timing-function",
+      "syntax": [
+        {
+          "name": "<easing-function>#"
+        }
+      ],
+      "values": [
+        {
+          "name": "linear"
+        },
+        {
+          "name": "ease",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "ease-in"
+        },
+        {
+          "name": "ease-out"
+        },
+        {
+          "name": "ease-in-out"
+        },
+        {
+          "name": "fast-out-slow-in",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "linear-out-slow-in",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "fast-out-linear-in",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "friction",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "extreme-deceleration",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "sharp",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "rhythm",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "smooth",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "cubic-bezier()",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "steps()",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
         }
       ],
       "version": [
@@ -2009,59 +4413,46 @@
       ],
       "description": [
         {
-          "name": "How much a child component will grow. The value specifies allocation of the remaining space on the main axis of the parent component. Size of available space = Container size - Total size of all child components. Value 0 indicates that the child component does not grow. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
+          "name": "Speed curve of an animation, which makes the animation more fluent. Available values include: linear: The animation speed keeps unchanged; ease: The animation starts at a low speed and then accelerates. It slows down before the animation ends. 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) curve; 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: 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"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "number"
+            "enum"
           ]
         }
       ]
     },
     {
-      "name": "flex-shrink",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
+      "name": "animation-fill-mode",
       "syntax": [
         {
-          "name": "<number>"
+          "name": "forwards | none | backwards | both"
         }
       ],
-      "version": [
+      "values": [
         {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
+          "name": "forwards"
+        },
         {
-          "name": "How much child component will shrink. The shrink occurs only when the sum of default item widths is greater than that of the parent component. Value 0 indicates that the child component does not shrink. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
-        }
-      ],
-      "restrictions": [
+          "name": "none"
+        },
         {
-          "name": [
-            "number"
+          "name": "backwards",
+          "version": [
+            {
+              "name": "v6.0"
+            }
           ]
-        }
-      ]
-    },
-    {
-      "name": "flex-basis",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
+        },
         {
-          "name": "<number>"
+          "name": "both",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
         }
       ],
       "version": [
@@ -2071,19 +4462,19 @@
       ],
       "description": [
         {
-          "name": "Initial length of the flex item on the main axis. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
+          "name": "Whether to restore the initial state after the animation is executed. Available values include: 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"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "number"
+            "enum"
           ]
         }
       ]
     },
     {
-      "name": "position",
+      "name": "shared-transition-effect",
       "supportedDevices": [
         "tv",
         "phone",
@@ -2092,13 +4483,10 @@
       ],
       "values": [
         {
-          "name": "fixed"
-        },
-        {
-          "name": "absolute"
+          "name": "exchange"
         },
         {
-          "name": "relative"
+          "name": "static"
         }
       ],
       "version": [
@@ -2108,7 +4496,7 @@
       ],
       "description": [
         {
-          "name": "Positioning type of an element. Dynamic changes are not supported. 1. fixed: The element is positioned related to the browser window. 2. absolute: The element is positioned absolutely to its parent element. 3. relative: The element is positioned relative to its normal position. NOTE: The absolute attribute takes effect only when the parent component is <div> or <stack>"
+          "name": "Entry style of shared elements during the transition, which can be exchange or static.During the transition, the style configured on the target page takes effect preferentially. exchange: The source page element is moved to the position of the target page element and is zoomed in or out properly. static: The position of the target page element remains unchanged. You can configure the transparency animation. Currently, only the static effect configured on the target page takes effect"
         }
       ],
       "restrictions": [
@@ -2120,37 +4508,12 @@
       ]
     },
     {
-      "name": "left",
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "left must be used together with position to determine the offset position of an element. The left attribute specifies the left edge position of the element. This attribute defines the offset between the left edge of a positioned element and that of a block included in the element"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "top",
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
+      "name": "shared-transition-name",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
       ],
       "version": [
         {
@@ -2159,29 +4522,28 @@
       ],
       "description": [
         {
-          "name": "top must be used together with position to determine the offset position of an element. The top attribute specifies the top edge position of the element. This attribute defines the offset between the top edge of a positioned element and that of a block included in the element"
+          "name": "During the transition, the style configured on the target page takes effect preferentially. This style is used to configure the animation effect of shared elements. The animation effect is an animation sequence defined by @keyframes supporting transform and transparency animations. If the effect of the shared element conflicts with the custom animation, the latter is used"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "right",
+      "name": "shared-transition-timing-function",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "syntax": [
+      "values": [
         {
-          "name": "<length> || <percentage>"
+          "name": "friction"
         }
       ],
       "version": [
@@ -2191,31 +4553,25 @@
       ],
       "description": [
         {
-          "name": "right must be used together with position to determine the offset position of an element. The right attribute specifies the right edge position of the element. This attribute defines the offset between the right edge of a positioned element and that of a block included in the element"
+          "name": "During the transition, the style configured on the target page takes effect preferentially. This attribute defines the difference curve during the transition of shared elements. The friction curve is used by default if this parameter is not configured"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "enum"
           ]
         }
       ]
     },
     {
-      "name": "bottom",
+      "name": "transition-enter",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
       "version": [
         {
           "name": "v3.0"
@@ -2223,34 +4579,25 @@
       ],
       "description": [
         {
-          "name": "bottom must be used together with position to determine the offset position of an element. The bottom attribute specifies the bottom edge position of the element. This attribute defines the offset between the bottom edge of a positioned element and that of a block included in the element"
+          "name": "Related to @keyframes, which supports transform and transparent animations"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "transform-origin",
+      "name": "transition-exit",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "values": [
-        {
-          "name": "0px 0px"
-        },
-        {
-          "name": "0% 0%"
-        }
-      ],
       "version": [
         {
           "name": "v3.0"
@@ -2258,88 +4605,24 @@
       ],
       "description": [
         {
-          "name": "Origin position of the transformed element. The unit can be px or a percentage (relative to the animation target component), for example, 50px 100px or 50% 50%."
+          "name": "Related to @keyframes, which supports transform and transparent animations"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "transform",
-      "values": [
-        {
-          "name": "translate()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "translateX()"
-        },
-        {
-          "name": "translateY()"
-        },
-        {
-          "name": "scale()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "scaleX()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "scaleY()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "rotate()"
-        },
-        {
-          "name": "rotateX('angle')",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "rotateY('angle')",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<transform-list>"
-        }
+      "name": "transition-duration",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
       ],
       "version": [
         {
@@ -2348,47 +4631,28 @@
       ],
       "description": [
         {
-          "name": "Translation, rotation, and scaling attributes"
+          "name": "The unit can be s or ms. The default unit is ms"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "time"
           ]
         }
       ]
     },
     {
-      "name": "animation-name",
-      "syntax": [
-        {
-          "name": "[ none | <keyframes-name> ]#"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "@keyframes rule"
-        }
+      "name": "transition-timing-function",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
       ],
-      "restrictions": [
-        {
-          "name": [
-            "identifier"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "animation-delay",
-      "syntax": [
+      "values": [
         {
-          "name": "<time>#"
+          "name": "friction"
         }
       ],
       "version": [
@@ -2398,22 +4662,30 @@
       ],
       "description": [
         {
-          "name": "Delay for playing the animation, in ms or s, for example, 1000 ms or 1s. The default unit is ms."
+          "name": "Speed curve of executing transition animation for smoother transition. For details about the parameters, see the description of the valid values of animation-timing-function"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "time"
+            "enum"
           ]
         }
       ]
     },
     {
-      "name": "animation-duration",
+      "name": "flex-direction",
       "syntax": [
         {
-          "name": "<time>#"
+          "name": "column | row"
+        }
+      ],
+      "values": [
+        {
+          "name": "column"
+        },
+        {
+          "name": "row"
         }
       ],
       "version": [
@@ -2423,30 +4695,30 @@
       ],
       "description": [
         {
-          "name": "Animation duration, in ms or s, for example, 1000 ms or 1s. The default unit is ms. NOTE: For basic watches, the maximum animation duration is 60s. animation-duration must be specified. Otherwise, the duration is 0, which means the animation will not be played"
+          "name": "Main axis direction of the flex container. Available values are as follows: column: Items are placed vertically from top to bottom; row: Items are placed horizontally from left to right"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "time"
+            "enum"
           ]
         }
       ]
     },
     {
-      "name": "animation-iteration-count",
+      "name": "flex-wrap",
       "syntax": [
         {
-          "name": "<single-animation-iteration-count>#"
+          "name": "nowrap | wrap"
         }
       ],
       "values": [
         {
-          "name": "infinite"
+          "name": "nowrap"
         },
         {
-          "name": "1"
+          "name": "wrap"
         }
       ],
       "version": [
@@ -2456,100 +4728,64 @@
       ],
       "description": [
         {
-          "name": "Number of times that an animation is played. The animation is played once by default. You can set the value to infinite to play the animation infinitely"
+          "name": "Whether flex items in the container are displayed in a single line or multiple lines. Currently, dynamic modification is not supported. Available values are as follows: nowrap: Items are displayed on a single axis; wrap: Items are displayed on multiple axes."
         }
       ],
       "restrictions": [
-        {
-          "name": [
-            "number",
-            "enum"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
         {
           "name": [
             "enum"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "animation-timing-function",
+      "name": "justify-content",
       "syntax": [
         {
-          "name": "linear | ease-in | ease-out | ease-in-out"
+          "name": "flex-start | flex-end | center | space-between | space-around"
         }
       ],
       "values": [
         {
-          "name": "linear"
-        },
-        {
-          "name": "ease",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
+          "name": "flex-start"
         },
         {
-          "name": "ease-in"
+          "name": "flex-end"
         },
         {
-          "name": "ease-out"
+          "name": "center"
         },
         {
-          "name": "ease-in-out"
+          "name": "space-between"
         },
         {
-          "name": "fast-out-slow-in",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
+          "name": "space-around"
+        }
+      ],
+      "version": [
         {
-          "name": "linear-out-slow-in",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
+          "name": "v3.0"
+        }
+      ],
+      "description": [
         {
-          "name": "fast-out-linear-in",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
+          "name": "How items are aligned along the main axis of the current line in a flex container. Available values are as follows: flex-start: Items are packed towards the start line. flex-end: Items are packed towards the end line. center: Items are centered along the line. space-between: Items are positioned with space between the lines. space-around: Items are positioned with space before, between, and after the lines."
+        }
+      ],
+      "restrictions": [
         {
-          "name": "friction",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
+          "name": [
+            "enum"
           ]
-        },
+        }
+      ]
+    },
+    {
+      "name": "align-items",
+      "values": [
         {
-          "name": "extreme-deceleration",
+          "name": "stretch",
           "supportedDevices": [
             "tv",
             "phone",
@@ -2558,7 +4794,7 @@
           ]
         },
         {
-          "name": "sharp",
+          "name": "baseline",
           "supportedDevices": [
             "tv",
             "phone",
@@ -2567,31 +4803,13 @@
           ]
         },
         {
-          "name": "rhythm",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
+          "name": "flex-start"
         },
         {
-          "name": "smooth",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
+          "name": "flex-end"
         },
         {
-          "name": "cubic-bezier",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
+          "name": "center"
         }
       ],
       "version": [
@@ -2601,7 +4819,7 @@
       ],
       "description": [
         {
-          "name": "Speed curve of an animation, which makes the animation more fluent. Available values include: linear: The animation speed keeps unchanged; ease: The animation starts at a low speed and then accelerates. It slows down before the animation ends. 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) curve; 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: 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"
+          "name": "How items are aligned along the cross axis of the current line in a flex container. Available values are as follows: stretch: Items are stretched to the same height or width as the container in the cross axis direction; flex-start: Items are aligned to the start of the cross axis; flex-end: Items are aligned to the end of the cross axis; center: Items are aligned in the middle of the cross axis"
         }
       ],
       "restrictions": [
@@ -2613,74 +4831,105 @@
       ]
     },
     {
-      "name": "animation-fill-mode",
+      "name": "scrollbar-color",
       "syntax": [
         {
-          "name": "forwards | none"
+          "name": "color"
         }
       ],
-      "values": [
-        {
-          "name": "forwards"
-        },
-        {
-          "name": "none"
-        }
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Whether to restore the initial state after the animation is executed. Available values include: 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"
+          "name": "Sets the color of the scroll bar."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "color"
           ]
         }
       ]
     },
     {
-      "name": "shared-transition-effect",
+      "name": "scrollbar-width",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "values": [
+      "version": [
         {
-          "name": "exchange"
-        },
+          "name": "v6.0"
+        }
+      ],
+      "description": [
         {
-          "name": "static"
+          "name": "Sets the width of the scroll bar."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scrollbar-offset",
+      "syntax": [
+        {
+          "name": "length"
         }
       ],
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Entry style of shared elements during the transition, which can be exchange or static.During the transition, the style configured on the target page takes effect preferentially. exchange: The source page element is moved to the position of the target page element and is zoomed in or out properly. static: The position of the target page element remains unchanged. You can configure the transparency animation. Currently, only the static effect configured on the target page takes effect"
+          "name": "Sets the offset of the scroll bar."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "length"
           ]
         }
       ]
     },
     {
-      "name": "shared-transition-name",
+      "name": "divider-color",
+      "syntax": [
+        {
+          "name": "color"
+        }
+      ],
       "supportedDevices": [
         "tv",
         "phone",
@@ -2689,55 +4938,91 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v5.0"
         }
       ],
       "description": [
         {
-          "name": "During the transition, the style configured on the target page takes effect preferentially. This style is used to configure the animation effect of shared elements. The animation effect is an animation sequence defined by @keyframes supporting transform and transparency animations. If the effect of the shared element conflicts with the custom animation, the latter is used"
+          "name": "Color of the item separator. This parameter is valid only when the divider attribute of the list is set to true."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "string"
+            "color"
           ]
         }
       ]
     },
     {
-      "name": "shared-transition-timing-function",
+      "name": "divider-height",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "values": [
+      "version": [
         {
-          "name": "friction"
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Height of the item separator. This parameter is valid only when the divider attribute of the list is set to true."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "divider-length",
+      "syntax": [
+        {
+          "name": "length"
         }
       ],
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v5.0"
         }
       ],
       "description": [
         {
-          "name": "During the transition, the style configured on the target page takes effect preferentially. This attribute defines the difference curve during the transition of shared elements. The friction curve is used by default if this parameter is not configured"
+          "name": "Length of the item separator. If this parameter is not set, the maximum length is the width of the main axis. The length depends on divider-origin. This parameter is valid only when divider of the list is set to true."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "length"
           ]
         }
       ]
     },
     {
-      "name": "transition-enter",
+      "name": "divider-origin",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
       "supportedDevices": [
         "tv",
         "phone",
@@ -2746,24 +5031,29 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v5.0"
         }
       ],
       "description": [
         {
-          "name": "Related to @keyframes, which supports transform and transparent animations"
+          "name": "Offset of the item separator relative to the start position of the item main axis. This parameter is valid only when the divider attribute of the list is set to true."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "string"
+            "length"
           ]
         }
       ]
     },
     {
-      "name": "transition-exit",
+      "name": "z-index",
+      "syntax": [
+        {
+          "name": "number"
+        }
+      ],
       "supportedDevices": [
         "tv",
         "phone",
@@ -2772,24 +5062,29 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Related to @keyframes, which supports transform and transparent animations"
+          "name": "Represents the rendering order of its children for the same parent node.The higher the value, the lower the rendering data."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "string"
+            "number"
           ]
         }
       ]
     },
     {
-      "name": "transition-duration",
+      "name": "image-fill",
+      "syntax": [
+        {
+          "name": "color"
+        }
+      ],
       "supportedDevices": [
         "tv",
         "phone",
@@ -2798,43 +5093,72 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "The unit can be s or ms. The default unit is ms"
+          "name": "Fills colors for svg images. The following components can be used to set image resource attributes: button (icon attribute), piece (icon attribute), search (icon attribute), input (headicon attribute), textarea (headicon attribute), and image (src attribute)., navigation-bar(logo/starticon/endicon), toolbar-item (icon attribute)."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "time"
+            "color"
           ]
         }
       ]
     },
     {
-      "name": "transition-timing-function",
-      "supportedDevices": [
+      "name": "clip-path",
+      "supportedDevices":[
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "values": [
+      "syntax": [
         {
-          "name": "friction"
+          "name": "[<geometry-box> || <basic-shape> ] | none"
         }
       ],
-      "version": [
+      "values": [
+          {
+            "name": "border-box"
+          },
+          {
+            "name": "margin-box"
+          },
+          {
+            "name": "padding-box"
+          },
+          {
+            "name": "content-box"
+          },
+          {
+            "name": "inset()"
+          },
+          {
+            "name": "circle()"
+          },
+          {
+            "name": "ellipse()"
+          },
+          {
+            "name": "polygon()"
+          },
+          {
+            "name": "path()"
+          }
+      ],
+      "version":[
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Speed curve of executing transition animation for smoother transition. For details about the parameters, see the description of the valid values of animation-timing-function"
+          "name": "Set the clip area of the component. Part of the area is displayed, and the area outside is not displayed"
         }
       ],
       "restrictions": [
@@ -2846,28 +5170,44 @@
       ]
     },
     {
-      "name": "flex-direction",
+      "name": "animation-direction",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "column | row"
+          "name": "normal | reverse | alternate | alternate-reverse"
         }
       ],
       "values": [
         {
-          "name": "column"
+          "name": "normal",
+          "description":"The animation is looped forward."
         },
         {
-          "name": "row"
+          "name": "reverse",
+          "description":"Animation reverse loop"
+        },
+        {
+          "name": "alternate",
+          "description":"The animation is played alternately and cyclically, with odd times playing forward and even times playing backward."
+        },
+        {
+          "name": "alternate-reverse",
+          "description":"The animation is played alternately in reverse rotation, odd times of reverse playback, even times of forward playback."
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Main axis direction of the flex container. Available values are as follows: column: Items are placed vertically from top to bottom; row: Items are placed horizontally from left to right"
+          "name": "Specifying the Playback Mode of the Animation"
         }
       ],
       "restrictions": [
@@ -2879,28 +5219,36 @@
       ]
     },
     {
-      "name": "flex-wrap",
+      "name": "animation-play-state",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "nowrap | wrap"
+          "name": "paused | running"
         }
       ],
       "values": [
         {
-          "name": "nowrap"
+          "name": "paused",
+          "description":"The animation status is paused."
         },
         {
-          "name": "wrap"
+          "name": "running",
+          "description":"The animation status is Play."
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Whether flex items in the container are displayed in a single line or multiple lines. Currently, dynamic modification is not supported. Available values are as follows: nowrap: Items are displayed on a single axis; wrap: Items are displayed on multiple axes."
+          "name": "Specifies the current state of the animation"
         }
       ],
       "restrictions": [
@@ -2912,86 +5260,64 @@
       ]
     },
     {
-      "name": "justify-content",
-      "syntax": [
-        {
-          "name": "flex-start | flex-end | center | space-between | space-around"
-        }
+      "name": "transition",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
       ],
-      "values": [
-        {
-          "name": "flex-start"
-        },
-        {
-          "name": "flex-end"
-        },
-        {
-          "name": "center"
-        },
-        {
-          "name": "space-between"
-        },
+      "syntax": [
         {
-          "name": "space-around"
+          "name": "transition-property | transition-duration | transition-timing-function | transition-delay"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "How items are aligned along the main axis of the current line in a flex container. Available values are as follows: flex-start: Items are packed towards the start line. flex-end: Items are packed towards the end line. center: Items are centered along the line. space-between: Items are positioned with space between the lines. space-around: Items are positioned with space before, between, and after the lines."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
+          "name": "Specifies the transition effect of a component state switch"
         }
       ]
     },
     {
-      "name": "align-items",
-      "values": [
-        {
-          "name": "stretch",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
+      "name": "overscroll-effect",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
         {
-          "name": "baseline",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
+          "name": "spring | fade | none"
+        }
+      ],
+      "values": [
         {
-          "name": "flex-start"
+          "name": "spring",
+          "description":"Elastic physical action, sliding to the edge can continue to slide for a distance based on initial speed or touch events, and spring back when you release the hand"
         },
         {
-          "name": "flex-end"
+          "name": "fade",
+          "description":"Fading physical dynamic effect, slide to the edge to show a wave-like fade, according to the speed and sliding distance changes the fade will also send certain changes;"
         },
         {
-          "name": "center"
+          "name": "none",
+          "description": "No effect after sliding to the edge"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "How items are aligned along the cross axis of the current line in a flex container. Available values are as follows: stretch: Items are stretched to the same height or width as the container in the cross axis direction; flex-start: Items are aligned to the start of the cross axis; flex-end: Items are aligned to the end of the cross axis; center: Items are aligned in the middle of the cross axis"
+          "name": "Set the scrolling edge effect"
         }
       ],
       "restrictions": [
@@ -3543,20 +5869,147 @@
       ],
       "description": [
         {
-          "name": "Position of the indicator relative to the swiper"
+          "name": "Position of the indicator relative to the swiper"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indicator-left",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Diameter of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indicator-right",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Diameter of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indicator-bottom",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Diameter of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "progress-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Loading color of the <refresh> component"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "color"
           ]
         }
       ]
     },
     {
-      "name": "indicator-left",
+      "name": "object-fit",
       "supportedDevices": [
         "tv",
         "phone",
@@ -3565,7 +6018,29 @@
       ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "fill | contain | cover | none | scale-down"
+        }
+      ],
+      "values": [
+        {
+          "name": "cover",
+          "description": "The image is scaled with the aspect ratio retained for both sides to be greater than or equal to the display boundaries and displayed in the middle"
+        },
+        {
+          "name": "contain",
+          "description": "The image is scaled with the aspect ratio retained for the image to be completely displayed within the display boundaries and displayed in the middle"
+        },
+        {
+          "name": "fill",
+          "description": "The image is resized to fill the display area and its aspect ratio is not retained"
+        },
+        {
+          "name": "none",
+          "description": "The image is displayed in the middle with its aspect ratio and size retained"
+        },
+        {
+          "name": "scale-down",
+          "description": "The image is displayed in the middle with its aspect ratio retained. The size is equal to or smaller than the original size"
         }
       ],
       "version": [
@@ -3575,58 +6050,49 @@
       ],
       "description": [
         {
-          "name": "Diameter of the navigation point indicator"
+          "name": "Image scale type. The SVG format is not supported. cover: The image is scaled with the aspect ratio retained for both sides to be greater than or equal to the display boundaries and displayed in the middle. contain: The image is scaled with the aspect ratio retained for the image to be completely displayed within the display boundaries and displayed in the middle. fill: The image is resized to fill the display area and its aspect ratio is not retained. none: The image is displayed in the middle with its aspect ratio and size retained. scale-down: The image is displayed in the middle with its aspect ratio retained. The size is equal to or smaller than the original size."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "enum"
           ]
         }
       ]
     },
     {
-      "name": "indicator-right",
+      "name": "object-position",
       "supportedDevices": [
         "tv",
         "phone",
-        "tablet",
-        "wearable"
+        "tablet"
       ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "<string>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Diameter of the navigation point indicator"
+          "name": "image position"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "indicator-bottom",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
+      "name": "previous-margin",
       "syntax": [
         {
           "name": "<length> || <percentage>"
@@ -3634,12 +6100,12 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Diameter of the navigation point indicator"
+          "name": "The previous margin"
         }
       ],
       "restrictions": [
@@ -3652,38 +6118,33 @@
       ]
     },
     {
-      "name": "progress-color",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
+      "name": "next-margin",
       "syntax": [
         {
-          "name": "<color>"
+          "name": "<length> || <percentage>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Loading color of the <refresh> component"
+          "name": "The next margin"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "color"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "object-fit",
+      "name": "word-break",
       "supportedDevices": [
         "tv",
         "phone",
@@ -3692,39 +6153,31 @@
       ],
       "syntax": [
         {
-          "name": "fill | contain | cover | none | scale-down"
+          "name": "break-word | normal | break-all"
         }
       ],
       "values": [
         {
-          "name": "cover",
-          "description": "The image is scaled with the aspect ratio retained for both sides to be greater than or equal to the display boundaries and displayed in the middle"
-        },
-        {
-          "name": "contain",
-          "description": "The image is scaled with the aspect ratio retained for the image to be completely displayed within the display boundaries and displayed in the middle"
-        },
-        {
-          "name": "fill",
-          "description": "The image is resized to fill the display area and its aspect ratio is not retained"
+          "name": "break-word",
+          "description": "Line breaks can occur within a word, but it is required that words without broken lines must be a unit (except for the hyphen)."
         },
         {
-          "name": "none",
-          "description": "The image is displayed in the middle with its aspect ratio and size retained"
+          "name": "normal",
+          "description": "Line breaks occur between characters. Line breaks are not allowed within characters (except for hyphens)."
         },
         {
-          "name": "scale-down",
-          "description": "The image is displayed in the middle with its aspect ratio retained. The size is equal to or smaller than the original size"
+          "name": "break-all",
+          "description": "Line breaks anywhere"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Image scale type. The SVG format is not supported. cover: The image is scaled with the aspect ratio retained for both sides to be greater than or equal to the display boundaries and displayed in the middle. contain: The image is scaled with the aspect ratio retained for the image to be completely displayed within the display boundaries and displayed in the middle. fill: The image is resized to fill the display area and its aspect ratio is not retained. none: The image is displayed in the middle with its aspect ratio and size retained. scale-down: The image is displayed in the middle with its aspect ratio retained. The size is equal to or smaller than the original size."
+          "name": "Text word-break."
         }
       ],
       "restrictions": [
@@ -3736,7 +6189,7 @@
       ]
     },
     {
-      "name": "word-break",
+      "name": "overflow",
       "supportedDevices": [
         "tv",
         "phone",
@@ -3745,21 +6198,21 @@
       ],
       "syntax": [
         {
-          "name": "break-word | normal | break-all"
+          "name": "visible | hidden  | scroll"
         }
       ],
       "values": [
         {
-          "name": "break-word",
-          "description": "Line breaks can occur within a word, but it is required that words without broken lines must be a unit (except for the hyphen)."
+          "name": "visible",
+          "description": "If the content of an element exceeds the size of the element, the element is displayed outside the element."
         },
         {
-          "name": "normal",
-          "description": "Line breaks occur between characters. Line breaks are not allowed within characters (except for hyphens)."
+          "name": "hidden ",
+          "description": "When the content of an element exceeds the size of the element, the element is cropped for display."
         },
         {
-          "name": "break-all",
-          "description": "Line breaks anywhere"
+          "name": "scroll",
+          "description": "When the content of an element exceeds the size of the element, scrolling is performed and the scroll bar is displayed."
         }
       ],
       "version": [
@@ -3769,7 +6222,7 @@
       ],
       "description": [
         {
-          "name": "Text word-break."
+          "name": "Sets the representation of the element content area when it exceeds the size of the element itself."
         }
       ],
       "restrictions": [
@@ -4160,7 +6613,7 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v5.0"
         }
       ],
       "description": [
@@ -4240,6 +6693,56 @@
         }
       ]
     },
+    {
+      "name": "word-spacing",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text spacing (px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-indent",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the amount of indentation before the first line of text"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
     {
       "name": "font-style",
       "supportedDevices": [
@@ -4300,6 +6803,12 @@
         {
           "name": "bolder"
         },
+        {
+          "name": "medium"
+        },
+        {
+          "name": "regular"
+        },
         {
           "name": "100"
         },
@@ -4537,36 +7046,139 @@
       ]
     },
     {
-      "name": "text-overflow",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
+      "name": "column-height",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "supportedDevices": [
+        "phone"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Height of the selector's selection list."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-overflow",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "[ clip | ellipsis | <string> ]{1,2}"
+        }
+      ],
+      "values": [
+        {
+          "name": "clip",
+          "description": "The text is clipped and displayed based on the size of the parent container"
+        },
+        {
+          "name": "ellipsis",
+          "description": "The text is displayed based on the size of the parent container. The text that cannot be displayed is replaced with ellipsis. This style must be used together with max-lines"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text line height. When this parameter is set to 0px, the text line height is not limited and the font size is adaptive"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-overflow",
+      "syntax": [
+        {
+          "name": "[ clip | ellipsis | <string> ]{1,2}"
+        }
+      ],
+      "values": [
+        {
+          "name": "clip",
+          "description": "The text is clipped and displayed based on the size of the parent container"
+        },
+        {
+          "name": "ellipsis",
+          "description": "The text is displayed based on the size of the parent container. The text that cannot be displayed is replaced with ellipsis. This style must be used together with max-lines"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text line height. When this parameter is set to 0px, the text line height is not limited and the font size is adaptive"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum",
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-valign",
       "syntax": [
         {
-          "name": "[ clip | ellipsis | <string> ]{1,2}"
+          "name": "top | middle | bottom"
         }
       ],
       "values": [
         {
-          "name": "clip",
-          "description": "The text is clipped and displayed based on the size of the parent container"
+          "name": "top",
+          "description": "The text is displayed based on the top of the parent container"
         },
         {
-          "name": "ellipsis",
-          "description": "The text is displayed based on the size of the parent container. The text that cannot be displayed is replaced with ellipsis. This style must be used together with max-lines"
+          "name": "middle",
+          "description": "The text is displayed based on the middle of the parent container"
+        },
+        {
+          "name": "bottom",
+          "description": "The text is displayed based on the bottom of the parent container"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Text line height. When this parameter is set to 0px, the text line height is not limited and the font size is adaptive"
+          "name": "Set the vertical alignment of the current text"
         }
       ],
       "restrictions": [
@@ -4578,37 +7190,48 @@
       ]
     },
     {
-      "name": "text-overflow",
+      "name": "white-space",
       "syntax": [
         {
-          "name": "[ clip | ellipsis | <string> ]{1,2}"
+          "name": "normal | nowrap | pre | pre-wrap | pre-line"
         }
       ],
       "values": [
         {
-          "name": "clip",
-          "description": "The text is clipped and displayed based on the size of the parent container"
+          "name": "normal",
+          "description": "Consecutive whitespace characters will be merged, and newline characters will be treated as whitespace characters"
         },
         {
-          "name": "ellipsis",
-          "description": "The text is displayed based on the size of the parent container. The text that cannot be displayed is replaced with ellipsis. This style must be used together with max-lines"
+          "name": "nowrap",
+          "description": "Consecutive whitespace characters will be merged, and newline characters is invalid"
+        },
+        {
+          "name": "pre",
+          "description": "Consecutive whitespace will be preserved"
+        },
+        {
+          "name": "pre-wrap",
+          "description": "Consecutive whitespace will be preserved"
+        },
+        {
+          "name": "pre-line",
+          "description": "Consecutive whitespace characters will be merged"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Text line height. When this parameter is set to 0px, the text line height is not limited and the font size is adaptive"
+          "name": "Set the mode for handling blanks in text"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum",
-            "string"
+            "enum"
           ]
         }
       ]
@@ -4656,7 +7279,12 @@
       ],
       "syntax": [
         {
-          "name": "<number>"
+          "name": "[<string> | <number>]"
+        }
+      ],
+      "values": [
+        {
+          "name": "auto"
         }
       ],
       "version": [
@@ -4801,6 +7429,43 @@
         }
       ]
     },
+    {
+      "name": "adapt-height",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "true | false"
+        }
+      ],
+      "values": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": ""
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
     {
       "name": "star-background",
       "supportedDevices": [
@@ -5041,6 +7706,37 @@
         }
       ]
     },
+    {
+      "name": "text-decoration-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text decoration color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
     {
       "name": "icon-width",
       "supportedDevices": [
@@ -5341,6 +8037,62 @@
         }
       ]
     },
+    {
+      "name": "disappear-color",
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "supportedDevices": [
+        "phone"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The font color of the faded item. The disappearing item is the top and bottom two options in a scenario with five options in a column."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "disappear-font-size",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "supportedDevices": [
+        "phone"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The font size of the gradient disappearing item. The disappearing item is the top and bottom two options in a scenario with five options in a column."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
     {
       "name": "colors",
       "supportedDevices": [
@@ -5449,23 +8201,24 @@
       ],
       "syntax": [
         {
-          "name": "<length>"
+          "name": "<length> | <percentage>"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
         {
-          "name": " "
+          "name": "Sets the minimum width of the element."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "length",
+            "percentage"
           ]
         }
       ]
@@ -5480,23 +8233,24 @@
       ],
       "syntax": [
         {
-          "name": "<length>"
+          "name": "<length> | <percentage>"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
         {
-          "name": " "
+          "name": "Sets the minimum height of the element."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "length",
+            "percentage"
           ]
         }
       ]
@@ -5511,23 +8265,24 @@
       ],
       "syntax": [
         {
-          "name": "<length>"
+          "name": "<length> | <percentage>"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
         {
-          "name": " "
+          "name": "Sets the maximum width of the element. The default value is unlimited."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "length",
+            "percentage"
           ]
         }
       ]
@@ -5542,23 +8297,24 @@
       ],
       "syntax": [
         {
-          "name": "<length>"
+          "name": "<length> | <percentage>"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
         {
-          "name": " "
+          "name": "Sets the maximum height of the element. The default value is unlimited."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "length",
+            "percentage"
           ]
         }
       ]
@@ -5573,23 +8329,23 @@
       ],
       "syntax": [
         {
-          "name": "<number>"
+          "name": "h-shadow | v-shadow | blur | spread | color"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
         {
-          "name": " "
+          "name": "This style allows you to set the shadow style of the current component"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "number"
+            "length"
           ]
         }
       ]
@@ -5604,12 +8360,17 @@
       ],
       "syntax": [
         {
-          "name": "<string>"
+          "name": "blur()"
+        }
+      ],
+      "values": [
+        {
+          "name": "blur()"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
@@ -5620,7 +8381,7 @@
       "restrictions": [
         {
           "name": [
-            "string"
+            "enum"
           ]
         }
       ]
@@ -5635,12 +8396,17 @@
       ],
       "syntax": [
         {
-          "name": "<string>"
+          "name": "blur()"
+        }
+      ],
+      "values": [
+        {
+          "name": "blur()"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
@@ -5651,7 +8417,7 @@
       "restrictions": [
         {
           "name": [
-            "string"
+            "enum"
           ]
         }
       ]
@@ -5666,12 +8432,17 @@
       ],
       "syntax": [
         {
-          "name": "<string>"
+          "name": "blur() | style"
+        }
+      ],
+      "values": [
+        {
+          "name": "blur()"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
@@ -5682,7 +8453,7 @@
       "restrictions": [
         {
           "name": [
-            "string"
+            "enum"
           ]
         }
       ]
@@ -5782,6 +8553,12 @@
     },
     {
       "name": "caret-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
           "name": "<color>"
@@ -5789,12 +8566,12 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Caret color"
+          "name": "Sets the color of the input cursor."
         }
       ],
       "restrictions": [
@@ -5905,7 +8682,7 @@
       ],
       "description": [
         {
-          "name": "Defines a stylesheet for a particular media type.",
+          "name": "Defines a stylesheet for a particular media type",
           "supportedDevices": [
             "tv",
             "phone",
@@ -5934,14 +8711,12 @@
       ],
       "description": [
         {
-          "name": "Represents an element that is being activated by the user.",
+          "name": "Represents an element that is being activated by the user",
           "supportedDevices": [
             "tv",
             "phone",
             "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
+            "wearable"
           ]
         }
       ]
@@ -5952,9 +8727,7 @@
         "tv",
         "phone",
         "tablet",
-        "wearable",
-        "liteWearable",
-        "smartVision"
+        "wearable"
       ],
       "version": [
         {
@@ -5963,14 +8736,37 @@
       ],
       "description": [
         {
-          "name": "Represents an element that is checked or toggled to an on state..",
+          "name": "Represents an element that is checked or toggled to an on state",
           "supportedDevices": [
             "tv",
             "phone",
             "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": ":hover",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " Represents the element when the mouse is hovering",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
           ]
         }
       ]
@@ -5981,9 +8777,7 @@
         "tv",
         "phone",
         "tablet",
-        "wearable",
-        "liteWearable",
-        "smartVision"
+        "wearable"
       ],
       "version": [
         {
@@ -5992,14 +8786,12 @@
       ],
       "description": [
         {
-          "name": "Represents an element that is waiting for operation finished.",
+          "name": "Represents an element that is waiting for operation finished",
           "supportedDevices": [
             "tv",
             "phone",
             "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
+            "wearable"
           ]
         }
       ]
@@ -6019,7 +8811,7 @@
       ],
       "description": [
         {
-          "name": "Represents any disabled element.",
+          "name": "Represents any disabled element",
           "supportedDevices": [
             "tv",
             "phone",
@@ -6044,7 +8836,7 @@
       ],
       "description": [
         {
-          "name": "Represents an element that has received focus.",
+          "name": "Represents an element that has received focus",
           "supportedDevices": [
             "tv",
             "phone",
diff --git a/api/config/hml/basic/animate.json b/api/config/hml/basic/animate.json
new file mode 100644
index 0000000000000000000000000000000000000000..7e84b1924122ff94b7a16e5b2ec171667a17b9e0
--- /dev/null
+++ b/api/config/hml/basic/animate.json
@@ -0,0 +1,217 @@
+{
+  "name": "animate",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "attributeName",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "begin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dur",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "end",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "repeatCount",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "number",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "indefinite",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "freeze",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "remove",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "calcMode",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "discrete",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "linear",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "paced",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "spline",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "keyTimes",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "keySplines",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "by",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "from",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "to",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "values",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
+
diff --git a/api/config/hml/basic/animateMotion.json b/api/config/hml/basic/animateMotion.json
new file mode 100644
index 0000000000000000000000000000000000000000..dd2e12dd7920a89b015f6a7167ea15f52927dd32
--- /dev/null
+++ b/api/config/hml/basic/animateMotion.json
@@ -0,0 +1,229 @@
+{
+  "name": "animateMotion",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "attributeName",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "path",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": true,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "rotate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "auto-reverse"
+        },
+        {
+          "name": "number"
+        }
+      ]
+    },
+    {
+      "name": "begin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dur",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "end",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "repeatCount",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "freeze",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "remove",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "calcMode",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "discrete",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "linear",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "paced",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "spline",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "keyTimes",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "keySplines",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "from",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "to",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "keyPoints",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": true,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/animateTransform.json b/api/config/hml/basic/animateTransform.json
new file mode 100644
index 0000000000000000000000000000000000000000..294b446f171280c155e5dc196748618d3ca65610
--- /dev/null
+++ b/api/config/hml/basic/animateTransform.json
@@ -0,0 +1,248 @@
+{
+  "name": "animateTransform",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "translate"
+        },
+        {
+          "name": "scale"
+        },
+        {
+          "name": "rotate"
+        },
+        {
+          "name": "skewX"
+        },
+        {
+          "name": "skewY"
+        }
+      ]
+    },
+    {
+      "name": "attributeName",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "attributeType",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "begin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "values",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "keyTimes",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "keySplines",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "from",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dur",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "end",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "repeatCount",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "freeze",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "remove",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "calcMode",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "discrete",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "linear",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "paced",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "spline",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "from",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "to",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/block.json b/api/config/hml/basic/block.json
old mode 100755
new mode 100644
diff --git a/api/config/hml/basic/button.json b/api/config/hml/basic/button.json
old mode 100755
new mode 100644
index ff90d87ba2249a3703ed296882c2d997587cbddf..5a099c10f09f5145c575a9026d00ac23878b6184
--- a/api/config/hml/basic/button.json
+++ b/api/config/hml/basic/button.json
@@ -5,42 +5,22 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": [
-    "phone",
-    "tablet",
-    "tv",
-    "wearable"
-  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
       "name": "The <button> component includes capsule, circle, text, arc, and download buttons.",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ]
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
     }
   ],
   "attributes": [
     {
       "name": "type",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
           "name": "Dynamic modification is not supported. If this attribute is not set, capsule-like buttons are displayed. Different from the capsule button, the four rounded corners of a capsule-like button can be configured using border-radius. Available button types are as follows: capsule: a capsule button with fillets, background color, and text. circle: a circle button which can be used to place icons. text: a text button which displays the text only. arc: an arc button. download: a download button. The download progress bar is added.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "enum",
@@ -56,72 +36,41 @@
         },
         {
           "name": "arc",
-          "supportedDevices": [
-            "wearable"
-          ]
+          "supportedDevices": ["wearable"]
         },
         {
           "name": "download",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv"
-          ]
+          "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
     },
     {
       "name": "value",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
           "name": "Text value of the button. This attribute is unavailable for circle buttons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
     {
       "name": "icon",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
           "name": "Path of the button icon. This parameter is valid only for the circle button. The supported icon formatformats are JPG, PNG, and SVG.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "placement",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "version": [
         {
@@ -130,13 +79,8 @@
       ],
       "description": [
         {
-          "name": "",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "This parameter is valid only when the type attribute is set to the default value. The options are as follows:\nstart: The icon is located at the beginning of the text.\nend: The icon is at the end of the text.\ntop: The icon is above the text.\nbottom: The icon is below the text.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "enum",
@@ -157,22 +101,12 @@
     },
     {
       "name": "waiting",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
           "name": "Waiting status. When waiting is set to true, the waiting transition is displayed on the left of the text. This attribute is unavailable for download buttons and smart watches.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "enum",
@@ -187,22 +121,12 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
           "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
@@ -402,7 +326,7 @@
       ]
     },
     {
-      "name": "data",
+      "name": "data-*",
       "supportedDevices": [
         "phone",
         "tablet",
@@ -1102,6 +1026,354 @@
         }
       ]
     },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
     {
       "name": "focus",
       "supportedDevices": [
diff --git a/api/config/hml/basic/calendar.json b/api/config/hml/basic/calendar.json
new file mode 100644
index 0000000000000000000000000000000000000000..2d6a494e4ff33330e9151e4bd024cca6bd166cb2
--- /dev/null
+++ b/api/config/hml/basic/calendar.json
@@ -0,0 +1,183 @@
+{
+  "name": "calendar",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "The <calendar> component is used to create a calendar component. ",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "date",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar date.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "object"
+    },
+    {
+      "name": "dateadapter",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar date.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "vertical",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar swipe direction.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "showholiday",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar to show holiday.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "showlunar",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar to show lunar.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "type",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar type.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "simple"
+        },
+        {
+          "name": "normal"
+        }
+      ]
+    },
+    {
+      "name": "offdays",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar offdays.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "workdays",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar workdays.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "holidays",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar holidays.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [
+    {
+      "name": "selectedchange",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "description": [
+        {
+          "name": "Triggered when the select date.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "goto",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "description": [
+        {
+          "name": "Triggered when the jump to a certain month.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/chart.json b/api/config/hml/basic/chart.json
old mode 100755
new mode 100644
index 0d3a8e200975a318af56eb45c806f5b046cb69a5..b2a3134cb474216056e3fd1784fbf07b8a0d7d00
--- a/api/config/hml/basic/chart.json
+++ b/api/config/hml/basic/chart.json
@@ -32,7 +32,35 @@
           "name": "line"
         },
         {
-          "name": "gauge"
+          "name": "gauge",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "progress",
+          "supportedDevices": ["phone", "tablet"],
+          "version": [
+            {
+              "name": "v5.0"
+            }
+          ]
+        },
+        {
+          "name": "loading",
+          "supportedDevices": ["phone", "tablet"],
+          "version": [
+            {
+              "name": "v5.0"
+            }
+          ]
+        },
+        {
+          "name": "rainbow",
+          "supportedDevices": ["phone", "tablet"],
+          "version": [
+            {
+              "name": "v5.0"
+            }
+          ]
         }
       ]
     },
@@ -62,24 +90,34 @@
     },
     {
       "name": "segments",
-      "supportedDevices": ["phone"],
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone"]
+          "name": "Data structures used by progress, loading, and rainbow charts.DataSegment is available for progress and loading charts.Array<DataSegment> is available for rainbow charts. A maximum of nine DataSegment are supported in the array.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "string"
     },
     {
       "name": "effects",
-      "supportedDevices": ["phone"],
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone"]
+          "name": "Whether to enable the effects for progress and rainbow charts.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "enum",
@@ -92,62 +130,182 @@
         }
       ]
     },
+    {
+      "name": "animationduration",
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the animation duration of the proportion-type circular chart, in ms.",
+          "supportedDevices": ["phone", "tablet"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -162,12 +320,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -181,37 +354,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -229,24 +485,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -270,12 +556,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -290,72 +591,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -368,10 +771,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -385,19 +838,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -414,131 +898,686 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/circle.json b/api/config/hml/basic/circle.json
new file mode 100644
index 0000000000000000000000000000000000000000..b5732e2ceb068b5717a708bbba4746eb6ca26596
--- /dev/null
+++ b/api/config/hml/basic/circle.json
@@ -0,0 +1,277 @@
+{
+  "name": "circle",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-rule",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "nonzero",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "evenodd",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-dasharray",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-dashoffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-linejoin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bevel",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "miter",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "butt",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "square",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "transform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "cx",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "cy",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "r",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "animate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateTransform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateMotion",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/divider.json b/api/config/hml/basic/divider.json
old mode 100755
new mode 100644
index dbeecda7b736c27a742574676eb89f7bdc853596..e1cc8271647aa8d4fc733e101f60ebbd75578eb7
--- a/api/config/hml/basic/divider.json
+++ b/api/config/hml/basic/divider.json
@@ -34,85 +34,326 @@
       ]
     },
     {
-      "name": "id",
+      "name": "shareid",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "disabled",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -130,24 +371,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -171,12 +442,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -191,72 +477,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -269,10 +657,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -286,19 +724,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
diff --git a/api/config/hml/basic/ellipse.json b/api/config/hml/basic/ellipse.json
new file mode 100644
index 0000000000000000000000000000000000000000..cc3a413cf8d3ccc833c4b602b6ab8e29c340def7
--- /dev/null
+++ b/api/config/hml/basic/ellipse.json
@@ -0,0 +1,277 @@
+{
+  "name": "ellipse",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fillOpacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-rule",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "nonzero",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "evenodd",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-dasharray",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-dashoffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-linejoin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bevel",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "miter",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "butt",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "square",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "transform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "cx",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "cy",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "rx",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ry",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
+
diff --git a/api/config/hml/basic/image-animator.json b/api/config/hml/basic/image-animator.json
old mode 100755
new mode 100644
index 6cdb3f10d3678b1e0866679ed8a00a728aa05565..bca2a7633d67d9dee5d82d950008ae9bda0b964c
--- a/api/config/hml/basic/image-animator.json
+++ b/api/config/hml/basic/image-animator.json
@@ -16,7 +16,7 @@
     {
       "name": "images",
       "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
+      "required": true,
       "description": [
         {
           "name": "Image frame information. The frame information includes the image path, size, and location. Currently, the following image formats are supported: PNG, JPG, and BMP. For details about ImageFrame, see Table 1-31. NOTE Use the data binding mode, for example, images = {{images}}. Declare the corresponding variable images: [{src: '/common/heart-rate01.png'}, {src: '/common/heart-rate02.png'}] in the JavaScript.",
@@ -25,6 +25,23 @@
       ],
       "type": "string"
     },
+    {
+      "name": "predecode",
+      "supportedDevices": ["phone", "tablet", "tv","wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to enable pre-decoding. The default value is 0, indicating that pre-decoding is disabled. If this parameter is set to 2, the last two images are loaded to the cache in advance to improve the performance when the current page is played.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
     {
       "name": "iteration",
       "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
@@ -35,15 +52,7 @@
           "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
         }
       ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "number"
-        },
-        {
-          "name": "infinite"
-        }
-      ]
+      "type": "number|string"
     },
     {
       "name": "reverse",
@@ -88,7 +97,7 @@
     {
       "name": "duration",
       "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
+      "required": true,
       "description": [
         {
           "name": "Single video playback duration. The unit can be s (standing for seconds) or ms. The default unit is ms. If the value is 0, no image is played. The value change takes effect only at the start of the next cycle.",
@@ -98,61 +107,190 @@
       "type": "string"
     },
     {
-      "name": "id",
+      "name": "fillmode",
       "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Status of the frame animation after its playback is complete. Available values are as follows:\nnone: Restores to the initial status.forwards: Retains the ending status defined for the last key frame.",
           "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
         }
       ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "forwards"
+        },
+        {
+          "name": "none"
+        }
+      ]
+
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -167,12 +305,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -186,37 +339,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -234,24 +470,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -275,12 +541,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -295,72 +576,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -373,10 +756,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -390,19 +823,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -459,131 +923,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/image.json b/api/config/hml/basic/image.json
old mode 100755
new mode 100644
index 360fc1c335b52ec50b60d32868b1922e6566650b..931c924e841a9e3b76d7e46594774e34da8e9281
--- a/api/config/hml/basic/image.json
+++ b/api/config/hml/basic/image.json
@@ -23,7 +23,7 @@
           "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "alt",
@@ -51,60 +51,151 @@
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -119,12 +210,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -138,37 +244,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -186,24 +375,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -227,12 +446,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -247,72 +481,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -325,10 +661,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -342,19 +728,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -391,131 +808,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/input.json b/api/config/hml/basic/input.json
old mode 100755
new mode 100644
index c24bb3a559d9e98ef4bfe2c5ae5e02c720293d4d..00629caa5508c1d24d4c3c4652f23e4af3e56aca
--- a/api/config/hml/basic/input.json
+++ b/api/config/hml/basic/input.json
@@ -35,28 +35,28 @@
           "name": "radio"
         },
         {
-          "name": "text"
-        },
-        {
-          "name": "email"
-        },
-        {
-          "name": "date"
+          "name": "text",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
-          "name": "time"
+          "name": "email",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
-          "name": "number"
+          "name": "date",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
-          "name": "password"
+          "name": "time",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
-          "name": "submit"
+          "name": "number",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
-          "name": "reset"
+          "name": "password",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ]
     },
@@ -170,15 +170,20 @@
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "showcounter",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Whether to display the character counter for an input box. This attribute takes effect only when maxlength is set.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -195,10 +200,15 @@
     {
       "name": "autofocus",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether to obtain focus automatically.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -215,10 +225,15 @@
     {
       "name": "softkeyboardenabled",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether to display the system soft keyboard during editing.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -235,10 +250,15 @@
     {
       "name": "showpasswordicon",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether to display the icon at the end of the password box. This parameter is valid only when type is set to password.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -255,34 +275,61 @@
     {
       "name": "selectedstart",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Initial selection position when you start selecting text.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "selectedend",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "End selection position when starting text selection.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "menuoptions",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Set the menu items displayed after the More button is clicked in the text selection dialog box.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -290,60 +337,151 @@
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -358,12 +496,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -377,37 +530,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -425,24 +661,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -466,12 +732,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -486,72 +767,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -566,12 +949,27 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -589,8 +987,20 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -604,19 +1014,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -646,7 +1087,7 @@
       "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
       "description": [
         {
-          "name": "",
+          "name": "Event triggered when text selection changes",
           "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
         }
       ]
@@ -666,7 +1107,7 @@
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ]
@@ -676,7 +1117,7 @@
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ]
@@ -686,7 +1127,7 @@
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ]
@@ -696,138 +1137,693 @@
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "",
+          "name": "After the menuoptions attribute is set in the text selection pop-up window, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/label.json b/api/config/hml/basic/label.json
old mode 100755
new mode 100644
index 879a7032c05c6c5bbb5e108a5344e2ea4aebd0f3..0fe8e9c40859717fe9e40950129e8648881f33f0
--- a/api/config/hml/basic/label.json
+++ b/api/config/hml/basic/label.json
@@ -39,60 +39,151 @@
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -107,12 +198,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -126,37 +232,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -174,24 +363,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -215,12 +434,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -235,72 +469,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -313,10 +649,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -330,19 +716,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
diff --git a/api/config/hml/basic/line.json b/api/config/hml/basic/line.json
new file mode 100644
index 0000000000000000000000000000000000000000..fca148a5ba38d8a957167bfb9f22ee4d34a754b9
--- /dev/null
+++ b/api/config/hml/basic/line.json
@@ -0,0 +1,290 @@
+{
+  "name": "line",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-rule",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "nonzero",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "evenodd",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-dasharray",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-dashoffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-linejoin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bevel",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "miter",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "butt",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "square",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "transform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "x1",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "y1",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "x2",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "y2",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "animate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateTransform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateMotion",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
+
diff --git a/api/config/hml/basic/marquee.json b/api/config/hml/basic/marquee.json
old mode 100755
new mode 100644
index a8748b084d7211f27844778a3ee36652b7c274bd..6668b76f5146ea6320492522a6deebc3fc936f06
--- a/api/config/hml/basic/marquee.json
+++ b/api/config/hml/basic/marquee.json
@@ -23,7 +23,7 @@
           "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "loop",
@@ -35,7 +35,7 @@
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "direction",
@@ -57,62 +57,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -127,12 +230,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -146,37 +264,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -194,24 +395,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -235,12 +466,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -255,72 +501,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -333,10 +681,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -350,19 +748,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -377,6 +806,209 @@
     }
   ],
   "events": [
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
     {
       "name": "bounce",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
@@ -467,6 +1099,56 @@
         }
       ]
     },
+    {
+      "name": "doubleclick",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when a component is double clicked.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when the pinch starts.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when the pinch updates.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when the pinch ends.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when the pinch is interrupted.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
     {
       "name": "focus",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
diff --git a/api/config/hml/basic/menu.json b/api/config/hml/basic/menu.json
old mode 100755
new mode 100644
index 1613b7f4faf711164217ad7ade30cc60ec840936..64f1210c9212d835d8b107d70000fe1cec69b6eb
--- a/api/config/hml/basic/menu.json
+++ b/api/config/hml/basic/menu.json
@@ -57,62 +57,165 @@
       ],
       "type": "string"
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -127,12 +230,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -146,37 +264,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -194,24 +395,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -235,12 +466,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -255,72 +501,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -335,12 +683,27 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -358,8 +721,20 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -373,19 +748,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
diff --git a/api/config/hml/basic/option.json b/api/config/hml/basic/option.json
old mode 100755
new mode 100644
index da3f900e06751cdb857a5a84096e983e7af73400..3277845738e0e697a2507930916c04c64cdfa7af
--- a/api/config/hml/basic/option.json
+++ b/api/config/hml/basic/option.json
@@ -55,11 +55,16 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "action",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
@@ -67,52 +72,210 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "popup"
+        },
+        {
+          "name": "show"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "disabled",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -125,26 +288,121 @@
         }
       ]
     },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -162,24 +420,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -203,12 +491,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -223,72 +526,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -301,10 +706,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -318,19 +773,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
diff --git a/api/config/hml/basic/path.json b/api/config/hml/basic/path.json
new file mode 100644
index 0000000000000000000000000000000000000000..08625949cf3b03beebac771dba34bac6b68a6024
--- /dev/null
+++ b/api/config/hml/basic/path.json
@@ -0,0 +1,253 @@
+{
+  "name": "path",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-rule",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "nonzero",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "evenodd",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-dasharray",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-dashoffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-linejoin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bevel",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "miter",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "butt",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "square",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "transform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "d",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "animate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateTransform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateMotion",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/picker-view.json b/api/config/hml/basic/picker-view.json
old mode 100755
new mode 100644
index fb834857bebcbd37036c80bb4269a45cecaaa59a..80488a0c23df2a0ae156b0c7c884d7b765b898a9
--- a/api/config/hml/basic/picker-view.json
+++ b/api/config/hml/basic/picker-view.json
@@ -29,16 +29,19 @@
           "name": "text"
         },
         {
-          "name": "date"
+          "name": "date",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
           "name": "time"
         },
         {
-          "name": "datetime"
+          "name": "datetime",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
-          "name": "multi-text"
+          "name": "multi-text",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ]
     },
@@ -113,6 +116,11 @@
     {
       "name": "hours",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
@@ -157,6 +165,11 @@
     {
       "name": "lunar",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
@@ -175,12 +188,17 @@
       ]
     },
     {
-      "name": "lunarswitch",
+      "name": "vibrate",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Whether to display the lunar calendar switch in the date selector. When this switch is displayed, you can switch between the lunar calendar and Gregorian calendar. Turn on the switch to display the lunar calendar, and turn off the switch to hide the lunar calendar. This attribute is available for smartphones.",
+          "name": "Whether the device vibrates when the picker-view is scrolled. true: The device vibrates when the picker-view is scrolled; false: The device does not vibrate when the picker-view is scrolled.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -194,10 +212,30 @@
         }
       ]
     },
+    {
+      "name": "lunarswitch",
+      "supportedDevices": ["phone", "tablet"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to display the lunar calendar switch in the date selector. When this switch is displayed, you can switch between the lunar calendar and Gregorian calendar. Turn on the switch to display the lunar calendar, and turn off the switch to hide the lunar calendar. This attribute is available for smartphones.",
+          "supportedDevices": ["phone", "tablet"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
     {
       "name": "columns",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
+      "required": true,
       "description": [
         {
           "name": "Number of columns in the multi-column text selector.",
@@ -206,62 +244,165 @@
       ],
       "type": "string"
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -276,12 +417,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -295,37 +451,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -343,24 +582,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -384,12 +653,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -404,72 +688,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -482,10 +868,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -499,19 +935,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
diff --git a/api/config/hml/basic/picker.json b/api/config/hml/basic/picker.json
old mode 100755
new mode 100644
index 981f8cf162e982f17b8c2e704939464606233442..8c85619812436597c53cc76f74bb6b3a227e53c8
--- a/api/config/hml/basic/picker.json
+++ b/api/config/hml/basic/picker.json
@@ -69,7 +69,7 @@
     {
       "name": "value",
       "supportedDevices": ["phone", "tablet", "tv"],
-      "required": false,
+      "required": true,
       "description": [
         {
           "name": "Value of the common selector.",
@@ -105,6 +105,11 @@
     {
       "name": "lunar",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
@@ -123,12 +128,17 @@
       ]
     },
     {
-      "name": "lunarswitch",
+      "name": "vibrate",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Whether the date selector pop-up window displays the lunar calendar. Whether to display the lunar calendar switch in the date selector. When this switch is displayed, you can switch between the lunar calendar and Gregorian calendar. Turn on the switch to display the lunar calendar, and turn off the switch to hide the lunar calendar. This attribute is available for smartphones.",
+          "name": "Whether the device vibrates when the picker is scrolled. true: The device vibrates when the picker is scrolled; false: The device does not vibrate when the picker is scrolled.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
@@ -142,6 +152,26 @@
         }
       ]
     },
+    {
+      "name": "lunarswitch",
+      "supportedDevices": ["phone","tablet"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the date selector pop-up window displays the lunar calendar. Whether to display the lunar calendar switch in the date selector. When this switch is displayed, you can switch between the lunar calendar and Gregorian calendar. Turn on the switch to display the lunar calendar, and turn off the switch to hide the lunar calendar. This attribute is available for smartphones.",
+          "supportedDevices": ["phone","tablet"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
     {
       "name": "containsecond",
       "supportedDevices": ["phone", "tablet", "tv"],
@@ -165,6 +195,11 @@
     {
       "name": "hours",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
@@ -185,7 +220,7 @@
     {
       "name": "columns",
       "supportedDevices": ["phone", "tablet", "tv"],
-      "required": false,
+      "required": true,
       "description": [
         {
           "name": "Number of columns in the multi-column text selector.",
@@ -194,62 +229,165 @@
       ],
       "type": "string"
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -264,12 +402,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -283,37 +436,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -331,24 +567,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -372,12 +638,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -392,72 +673,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -472,12 +855,27 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -495,8 +893,20 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -510,19 +920,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -569,121 +1010,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/piece.json b/api/config/hml/basic/piece.json
old mode 100755
new mode 100644
index d7338e4348209c81a742517ed3cb658f2b78678f..960a1a63777bddc185376c2092a0056f2a679005
--- a/api/config/hml/basic/piece.json
+++ b/api/config/hml/basic/piece.json
@@ -8,31 +8,31 @@
   "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": []
+      "name": "A block-shaped entry that can contain pictures and text. It is often used to display recipients, for example, email recipients or message recipients.",
+      "supportedDevices": ["phone", "tablet"]
     }
   ],
   "attributes": [
     {
       "name": "content",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Action block text content.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "string"
     },
     {
       "name": "closable",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Specifies whether to display the deletion icon for the current operation block. When the deletion icon is displayed, a close event is triggered when you click the deletion icon.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "enum",
@@ -47,72 +47,175 @@
     },
     {
       "name": "icon",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Indicates the URL of the operation block deletion icon. The value can be a local path or a cloud path.",
+          "supportedDevices": ["phone", "tablet"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": []
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": []
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -127,12 +230,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": []
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -146,37 +264,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": [],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": []
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -194,24 +395,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -235,12 +466,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -255,48 +501,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": []
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -309,10 +681,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -326,43 +748,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": [],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "string"
     },
     {
-      "name": "tid",
-      "supportedDevices": [],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [],
-      "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -374,158 +803,701 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": [],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": []
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
     {
       "name": "close",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "When the deletion icon of the piece component is clicked, the component can be deleted by setting the render attribute if.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": []
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": []
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": []
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": []
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": []
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": []
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": []
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": []
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": []
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": []
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": [],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": []
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -534,4 +1506,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/basic/polygon.json b/api/config/hml/basic/polygon.json
new file mode 100644
index 0000000000000000000000000000000000000000..7acda9e989994d9a10c2d3a1ff8a5c32447d358b
--- /dev/null
+++ b/api/config/hml/basic/polygon.json
@@ -0,0 +1,254 @@
+{
+  "name": "polygon",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-rule",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "nonzero",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "evenodd",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-dasharray",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-dashoffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-linejoin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bevel",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "miter",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "butt",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "square",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "transform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "points",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "animate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateTransform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateMotion",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
+
diff --git a/api/config/hml/basic/polyline.json b/api/config/hml/basic/polyline.json
new file mode 100644
index 0000000000000000000000000000000000000000..bfcd7f6e125d598da2792ded6c9cab98881dd9e5
--- /dev/null
+++ b/api/config/hml/basic/polyline.json
@@ -0,0 +1,254 @@
+{
+  "name": "polyline",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-rule",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "nonzero",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "evenodd",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-dasharray",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-dashoffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-linejoin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bevel",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "miter",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "butt",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "square",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "transform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "points",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "animate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateTransform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateMotion",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
+
diff --git a/api/config/hml/basic/progress.json b/api/config/hml/basic/progress.json
old mode 100755
new mode 100644
index 1f52987491320a2355a90fcc221eb9864016805c..c9db4c0b2dc88b4f1ac565c218394ded99266af1
--- a/api/config/hml/basic/progress.json
+++ b/api/config/hml/basic/progress.json
@@ -29,19 +29,28 @@
           "name": "horizontal"
         },
         {
-          "name": "circular"
+          "name": "circular",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
-          "name": "ring"
+          "name": "ring",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
-          "name": "scale-ring"
+          "name": "scale-ring",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
           "name": "arc"
         },
         {
-          "name": "eclipse"
+          "name": "eclipse",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+          "version": [
+            {
+              "name": "v5.0"
+            }
+          ]
         }
       ]
     },
@@ -55,7 +64,7 @@
           "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "secondarypercent",
@@ -67,7 +76,7 @@
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "clockwise",
@@ -89,86 +98,327 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "disabled",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -186,24 +436,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -227,12 +507,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -247,72 +542,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -325,10 +722,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -342,19 +789,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -371,101 +849,686 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/qrcode.json b/api/config/hml/basic/qrcode.json
old mode 100755
new mode 100644
index 0e88fe3352a111c7eac373697d7695ec827c50cd..45caf0f3f7743b53397f7985e564ff56026483a2
--- a/api/config/hml/basic/qrcode.json
+++ b/api/config/hml/basic/qrcode.json
@@ -45,62 +45,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -115,12 +218,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -134,37 +252,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -182,24 +383,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -223,12 +454,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -243,72 +489,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -321,10 +669,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -338,19 +736,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -367,131 +796,686 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -500,4 +1484,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/basic/rating.json b/api/config/hml/basic/rating.json
old mode 100755
new mode 100644
index 6698afdc292d615a15406ca89f0c95508a473e9e..c3cc55b13a0898385b16115200f5a91dce2cf4d5
--- a/api/config/hml/basic/rating.json
+++ b/api/config/hml/basic/rating.json
@@ -23,7 +23,7 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "rating",
@@ -35,19 +35,19 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "stepsize",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
           "name": "Step to increment the rating value, which is supported for smartphones only.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "indicator",
@@ -69,62 +69,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -139,12 +242,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -158,37 +276,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -206,24 +407,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -247,12 +478,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -267,72 +513,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -345,10 +693,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -362,19 +760,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -439,6 +868,354 @@
         }
       ]
     },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
     {
       "name": "focus",
       "supportedDevices": ["phone", "tablet", "tv"],
diff --git a/api/config/hml/basic/rect.json b/api/config/hml/basic/rect.json
new file mode 100644
index 0000000000000000000000000000000000000000..e0627dedb6bb3cda9ba4715df8e38a6db57c4474
--- /dev/null
+++ b/api/config/hml/basic/rect.json
@@ -0,0 +1,314 @@
+{
+  "name": "rect",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-rule",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "nonzero",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "evenodd",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-dasharray",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-dashoffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-linejoin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bevel",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "miter",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "butt",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "square",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "transform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "height",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "x",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "y",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "rx",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ry",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "animate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateTransform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateMotion",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
+
diff --git a/api/config/hml/basic/richtext.json b/api/config/hml/basic/richtext.json
old mode 100755
new mode 100644
index 49461dfced5464d4f724ac0df06c8a8e953aa877..f87134733f62a9f00dfbf16258354ae9788796ae
--- a/api/config/hml/basic/richtext.json
+++ b/api/config/hml/basic/richtext.json
@@ -2,14 +2,14 @@
   "name": "richtext",
   "version": [
     {
-      "name": "v3.0"
+      "name": "v6.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "tv", "smartVision"],
+  "supportedDevices": ["phone", "tablet", "tv"],
   "description": [
     {
       "name": "The <richtext> component is used to render and display html rich text content.",
-      "supportedDevices": ["phone", "tablet", "tv", "smartVision"]
+      "supportedDevices": ["phone", "tablet", "tv"]
     }
   ],
   "attributes": [
@@ -73,71 +73,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/search.json b/api/config/hml/basic/search.json
old mode 100755
new mode 100644
index 2aa969de98885173cea2fe295f8a4e622ab8438d..9285fd65f99e8c4186ca5b70078cb6f7589541be
--- a/api/config/hml/basic/search.json
+++ b/api/config/hml/basic/search.json
@@ -23,7 +23,7 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "hint",
@@ -52,147 +52,196 @@
     {
       "name": "searchbutton",
       "supportedDevices": ["phone", "tablet", "tv"],
-      "required": false,
-      "description": [
+      "version": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "v5.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "menuoptions",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Search button text value at the end of the search box",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
       "type": "string"
     },
     {
-      "name": "autofocus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
+      "name": "menuoptions",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "v5.0"
         }
       ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "softkeyboardenabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the menu items displayed after you click More in the text selection dialog box.",
+          "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
+      "type": "string"
     },
     {
-      "name": "selectedstart",
+      "name": "shareid",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
     {
-      "name": "selectedend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
-      "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -207,12 +256,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -226,37 +290,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -274,24 +421,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -315,12 +492,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -335,72 +527,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -413,10 +707,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -430,19 +774,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -467,16 +842,6 @@
         }
       ]
     },
-    {
-      "name": "selectchange",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
     {
       "name": "submit",
       "supportedDevices": ["phone", "tablet", "tv"],
@@ -492,7 +857,7 @@
       "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
@@ -502,7 +867,7 @@
       "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
@@ -512,7 +877,7 @@
       "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
@@ -522,138 +887,693 @@
       "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "",
+          "name": "After the menuoptions attribute is set in the text selection dialog box, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/select.json b/api/config/hml/basic/select.json
old mode 100755
new mode 100644
index 91627cbf090046f075294079621cb25827bf9bcd..dcbc93c8de960a90f145b402f23ec4e1e3d6a86f
--- a/api/config/hml/basic/select.json
+++ b/api/config/hml/basic/select.json
@@ -13,62 +13,165 @@
     }
   ],
   "attributes": [
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -83,12 +186,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -102,37 +220,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -150,24 +351,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -191,12 +422,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -211,72 +457,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -291,12 +639,27 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -314,8 +677,20 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -329,19 +704,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -368,121 +774,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/slider.json b/api/config/hml/basic/slider.json
old mode 100755
new mode 100644
index 0ddcd8eaa7e387b658dc8d57f4b825a5c9b634a4..3058687958f50308df6f6280e4e08717ddea8b5d
--- a/api/config/hml/basic/slider.json
+++ b/api/config/hml/basic/slider.json
@@ -13,6 +13,23 @@
     }
   ],
   "attributes": [
+    {
+      "name": "direction",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "The direction of the slide selector. There is no fixed default value. The default value varies with the device type.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "min",
       "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
@@ -63,12 +80,17 @@
     },
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": ["wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
           "name": "Slider bar type. This attribute is available only for smart watches. Available values include: continuous: continuous sliding. intermittent: intermittent sliding.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": ["wearable"]
         }
       ],
       "type": "enum",
@@ -91,7 +113,7 @@
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "maxicon",
@@ -103,16 +125,21 @@
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "mode",
-      "supportedDevices": ["phone"],
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone"]
+          "name": "Slider style. Available values are as follows:\noutset: The slider is on the sliding bar.\ninset: The slider is inside the sliding bar.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "enum",
@@ -127,12 +154,17 @@
     },
     {
       "name": "showsteps",
-      "supportedDevices": ["phone"],
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone"]
+          "name": "Whether to display slider scales.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "enum",
@@ -147,12 +179,17 @@
     },
     {
       "name": "showtips",
-      "supportedDevices": ["phone"],
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone"]
+          "name": "Whether a pop-up is displayed to show the percentage value on the slider.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "enum",
@@ -165,62 +202,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -235,12 +375,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -254,37 +409,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -302,24 +540,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -343,12 +611,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -363,72 +646,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -441,10 +826,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -458,19 +893,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -497,131 +963,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/slot.json b/api/config/hml/basic/slot.json
new file mode 100644
index 0000000000000000000000000000000000000000..40c51fe698a845c1549a368c6cbbd1249199b3a1
--- /dev/null
+++ b/api/config/hml/basic/slot.json
@@ -0,0 +1,40 @@
+{
+  "name": "slot",
+  "version": [
+    {
+      "name": "v1.0"
+    }
+  ],
+  "supportedDevices": [
+    "phone",
+    "tablet",
+    "tv",
+    "wearable"
+  ],
+  "description": [
+    {
+      "name": "slot component allow developer to distribute the content of custom component",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "name",
+      "supportedDevices": [],
+      "required": false,
+      "description": [
+        {
+          "name": "Specify insert name",
+          "supportedDevices": []
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+
+  "events": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/span.json b/api/config/hml/basic/span.json
old mode 100755
new mode 100644
index ef3f05556a2d46327dc1d986c8b608b4c18bf0da..7f0efcbd7413e6d8a73796589611068304433ffb
--- a/api/config/hml/basic/span.json
+++ b/api/config/hml/basic/span.json
@@ -14,85 +14,326 @@
   ],
   "attributes": [
     {
-      "name": "id",
+      "name": "shareid",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "disabled",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -110,24 +351,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -151,12 +422,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -171,72 +457,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -249,10 +637,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -266,19 +704,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -293,6 +762,209 @@
     }
   ],
   "events": [
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
     {
       "name": "touchstart",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
@@ -353,6 +1025,56 @@
         }
       ]
     },
+    {
+      "name": "doubleclick",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when a component is double clicked.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when the pinch starts.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when the pinch updates.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when the pinch ends.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when the pinch is interrupted.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
     {
       "name": "attached",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
diff --git a/api/config/hml/basic/switch.json b/api/config/hml/basic/switch.json
old mode 100755
new mode 100644
index 8fca3c4e67750fc80d370111fd43285704dcb69c..391f5e5062ff66eafc4585c65ed78274916cccaf
--- a/api/config/hml/basic/switch.json
+++ b/api/config/hml/basic/switch.json
@@ -77,62 +77,165 @@
       ],
       "type": "string"
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -147,12 +250,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -166,37 +284,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -214,24 +415,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -255,12 +486,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -275,72 +521,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -355,12 +703,27 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -378,8 +741,20 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -393,19 +768,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -432,131 +838,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/text.json b/api/config/hml/basic/text.json
old mode 100755
new mode 100644
index ea8bd23f6f3e42e1fd0d45cf41291ce684fda228..3a83a99fa8a0e780696cf04d7a99154cb2659976
--- a/api/config/hml/basic/text.json
+++ b/api/config/hml/basic/text.json
@@ -25,6 +25,138 @@
       ],
       "type": "string"
     },
+    {
+      "name": "rotate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "The lower left corner of the font is the rotation angle of the circle center, the positive number is clockwise, and the negative number is counterclockwise.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "font-size",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the size of the text.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "length"
+    },
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font fill color.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "x",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "y",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dy",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set text Y axis offset.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dx",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set text x axis offset.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Draws the font border and specifies the color.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font border width.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font border transparency.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font fill transparency.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
     {
       "name": "id",
       "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
@@ -114,7 +246,7 @@
       ]
     },
     {
-      "name": "data",
+      "name": "data-*",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
@@ -347,132 +479,699 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
+      "name": "opacity",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
+          "name": "",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
       ]
     }
   ],
@@ -483,6 +1182,26 @@
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "level": 1
     },
+    {
+      "name": "animateTransform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "level": 1
+    },
+    {
+      "name": "tspan",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "level": 1
+    },
+    {
+      "name": "textpath",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "level": 1
+    },
+    {
+      "name": "animate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "level": 1
+    },
     {
       "name": "block",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"]
@@ -490,4 +1209,4 @@
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/basic/textarea.json b/api/config/hml/basic/textarea.json
old mode 100755
new mode 100644
index 876839e906875912203313a71e8710f3f818687e..c2518b5823a1181cb3a45078c004dc32097ab5b7
--- a/api/config/hml/basic/textarea.json
+++ b/api/config/hml/basic/textarea.json
@@ -35,7 +35,7 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "headericon",
@@ -47,7 +47,7 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "extend",
@@ -72,10 +72,15 @@
     {
       "name": "value",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Contents of a multiline text box.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
@@ -84,10 +89,15 @@
     {
       "name": "showcounter",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether to enable the count subscript function for the text box. This parameter must be used together with maxlength.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
@@ -104,10 +114,15 @@
     {
       "name": "menuoptions",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Sets the menu items displayed after you click More in the text selection dialog box.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
@@ -116,10 +131,15 @@
     {
       "name": "autofocus",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether to obtain focus automatically.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -136,10 +156,15 @@
     {
       "name": "softkeyboardenabled",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether to display the system soft keyboard during editing.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -156,22 +181,44 @@
     {
       "name": "selectedstart",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Initial selection position when you start selecting text.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "selectedend",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "End selection position when starting text selection.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -179,60 +226,151 @@
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -247,12 +385,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -266,37 +419,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -314,24 +550,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -355,12 +621,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -375,72 +656,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -453,10 +836,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -470,19 +903,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -509,20 +973,30 @@
     },
     {
       "name": "selectchange",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Event triggered when text selection changes",
+          "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
     },
     {
       "name": "translate",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
@@ -530,9 +1004,14 @@
     {
       "name": "share",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
@@ -540,9 +1019,14 @@
     {
       "name": "search",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
@@ -550,140 +1034,700 @@
     {
       "name": "optionselect",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "",
+          "name": "After the menuoptions attribute is set in the text selection pop-up window, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/textpath.json b/api/config/hml/basic/textpath.json
new file mode 100644
index 0000000000000000000000000000000000000000..0fb95e818fa93c57f6e572efb8c32687e63e28f8
--- /dev/null
+++ b/api/config/hml/basic/textpath.json
@@ -0,0 +1,142 @@
+{
+  "name": "textpath",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv","wearable"],
+  "description": [
+    {
+      "name": "Draw text along a path.",
+      "supportedDevices": ["phone", "tablet", "tv","wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique identification of the component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "path",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the shape of the path.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "font-size",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the size of the text.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "length"
+    },
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font fill color.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Draws the font border and specifies the color.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font border width.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font border transparency.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "startOffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the starting offset of the text along the path.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font fill transparency.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/toggle.json b/api/config/hml/basic/toggle.json
old mode 100755
new mode 100644
index 9d7c29fe19ab737c8544fc007f856c06498e7960..1197d058ce00c0ace854676ac255c79a061702e3
--- a/api/config/hml/basic/toggle.json
+++ b/api/config/hml/basic/toggle.json
@@ -8,31 +8,31 @@
   "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": []
+      "name": "The status button is used to select from a set of options and may display the results of the selection in real time on the interface. Typically, this set of options consists of status buttons.",
+      "supportedDevices": ["phone", "tablet"]
     }
   ],
   "attributes": [
     {
       "name": "value",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Text value of the toggle component.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "string"
     },
     {
       "name": "checked",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Whether the toggle component is selected.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "enum",
@@ -45,62 +45,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": []
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": []
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -115,12 +218,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": []
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -134,37 +252,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": [],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": []
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -182,24 +383,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -223,12 +454,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -243,48 +489,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": []
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -297,10 +669,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -314,43 +736,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": [],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "string"
     },
     {
-      "name": "tid",
-      "supportedDevices": [],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [],
-      "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -362,158 +791,701 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": [],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": []
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
     {
       "name": "change",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Triggered when the component selection status changes.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": []
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": []
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": []
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": []
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": []
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": []
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": []
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": []
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": []
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": []
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": [],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": []
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -522,4 +1494,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/basic/toolbar-item.json b/api/config/hml/basic/toolbar-item.json
old mode 100755
new mode 100644
index 51de1321d21b78ceea0280ee3b4b40bab674bf03..42a8e3343049c9dfcbe9179fe66cef3b970ae30d
--- a/api/config/hml/basic/toolbar-item.json
+++ b/api/config/hml/basic/toolbar-item.json
@@ -5,94 +5,197 @@
       "name": "v4.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+  "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": []
+      "name": "Toolbar subcomponent. As a toolbar subcomponent, it is used to display an operation option on the toolbar.",
+      "supportedDevices": ["phone", "tablet"]
     }
   ],
   "attributes": [
     {
-      "name": "label",
-      "supportedDevices": [],
+      "name": "value",
+      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Text content of the operation item",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "string"
     },
     {
       "name": "icon",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Icon resource path of the operation item. The icon is displayed in the option text. Local path and cloud path are supported. The format is png, jpg, or svg.",
+          "supportedDevices": ["phone", "tablet"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": []
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": []
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -107,12 +210,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": []
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -126,37 +244,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": [],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": []
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -174,24 +375,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -215,12 +446,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -235,48 +481,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": []
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -289,10 +661,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -306,43 +728,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": [],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "string"
     },
     {
-      "name": "tid",
-      "supportedDevices": [],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [],
-      "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -354,148 +783,691 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": [],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": []
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": []
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": []
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": []
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": []
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": []
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": []
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": []
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": []
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": []
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": []
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": [],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": []
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -504,4 +1476,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/basic/toolbar.json b/api/config/hml/basic/toolbar.json
old mode 100755
new mode 100644
index 19caedf10e393433d09d7ec02372361d7ab8ce86..e39f9a52b74efd9d9ffb2fb768323f607d5f891a
--- a/api/config/hml/basic/toolbar.json
+++ b/api/config/hml/basic/toolbar.json
@@ -8,8 +8,8 @@
   "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": []
+      "name": "Toolbar, which is placed at the bottom of the interface and is used to display the operation options on the current interface.",
+      "supportedDevices": ["phone", "tablet"]
     }
   ],
   "attributes": [
@@ -62,7 +62,7 @@
       "type": "string"
     },
     {
-      "name": "data",
+      "name": "data-*",
       "supportedDevices": [],
       "required": false,
       "description": [
@@ -304,18 +304,7 @@
       "type": "string"
     }
   ],
-  "events": [
-    {
-      "name": "accessibility",
-      "supportedDevices": [],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": []
-        }
-      ]
-    }
-  ],
+  "events": [],
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
@@ -325,4 +314,4 @@
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/basic/tspan.json b/api/config/hml/basic/tspan.json
new file mode 100644
index 0000000000000000000000000000000000000000..ae3a981ab786716ff6b3b2f88a9d300ede633413
--- /dev/null
+++ b/api/config/hml/basic/tspan.json
@@ -0,0 +1,178 @@
+{
+  "name": "tspan",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv","wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv","wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique identification of the component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "rotate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "The bottom left corner of the font is the center of the rotation Angle, positive numbers clockwise, negative numbers counterclockwise",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "font-size",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the size of the text.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "length"
+    },
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font fill color.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "x",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the x-coordinate of the upper left corner of the component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "y",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the Y-axis of the upper left corner of the component. Invalid as a child of TextPath.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dy",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the text Y-axis offset Invalid as a child of TextPath.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dx",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the text X-axis offset.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Draws the font border and specifies the color.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font border width.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font border transparency.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font fill transparency.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/web.json b/api/config/hml/basic/web.json
new file mode 100644
index 0000000000000000000000000000000000000000..daaad62e11348318024e0192527ea4a08c748d3c
--- /dev/null
+++ b/api/config/hml/basic/web.json
@@ -0,0 +1,92 @@
+{
+  "name": "web",
+  "version": [
+    {
+      "name": "v6.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv"],
+  "description": [
+    {
+      "name": "Component that displays web page content.",
+      "supportedDevices": ["phone", "tablet", "tv"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "src",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the URL of the web page to be displayed. The domain name of the web page must be HTTPS and archived by the ICP.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [
+    {
+      "name": "pagestart",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "Triggered when a web page is loaded",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
+    {
+      "name": "pagefinish",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "Triggered when web page loading ends",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
+    {
+      "name": "error",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "Triggered when an error occurs in loading a web page or when an error occurs in opening a web page",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
+    {
+      "name": "message",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Triggered when a message sent from a web page is received.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/xcomponent.json b/api/config/hml/basic/xcomponent.json
new file mode 100644
index 0000000000000000000000000000000000000000..f516db90b68147cc24e0ec9e0162ed5b59c57520
--- /dev/null
+++ b/api/config/hml/basic/xcomponent.json
@@ -0,0 +1,796 @@
+{
+  "name": "xcomponent",
+  "version": [
+    {
+      "name": "v6.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "The <xcomponent> component provides plugin components for third-party vendors to develop components.",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "name",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Name of the xcomponent component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "type",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": true,
+      "description": [
+        {
+          "name": "Used to specify the xcomponent surface type.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "texture"
+        },
+        {
+          "name": "camera"
+        }
+      ]
+    },
+    {
+      "name": "libraryname",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used to specify the library file name of napi so.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [
+    {
+      "name": "load",
+      "supportedDevices": ["phone", "tablet", "tv",  "wearable"],
+      "description": [
+        {
+          "name": "Triggered when plug-in loading is complete.",
+          "supportedDevices": ["phone", "tablet", "tv",  "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "destroy",
+      "supportedDevices": ["phone", "tablet", "tv",  "wearable"],
+      "description": [
+        {
+          "name": "Triggered when plug-in uninstallation is complete.",
+          "supportedDevices": ["phone", "tablet", "tv",  "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/canvas/canvas.json b/api/config/hml/canvas/canvas.json
old mode 100755
new mode 100644
index 9d047ee3ababbebca574aff1741e217ab1b04e9d..a0dcc0d228c51cf1a99cbdd8bbf8143a9253d4fb
--- a/api/config/hml/canvas/canvas.json
+++ b/api/config/hml/canvas/canvas.json
@@ -102,7 +102,7 @@
       ]
     },
     {
-      "name": "data",
+      "name": "data-*",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
@@ -358,131 +358,686 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/badge.json b/api/config/hml/container/badge.json
old mode 100755
new mode 100644
index 8ac8b494368218f9365dbbfa9993b7fdef3012a3..d5f19a2e2a3c214f830359fe7db3b6badf8c250a
--- a/api/config/hml/container/badge.json
+++ b/api/config/hml/container/badge.json
@@ -8,7 +8,7 @@
   "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "",
+      "name": "If there is a new event reminder in the application that needs to be noticed by the user, the new event flag may be used to identify the reminder.",
       "supportedDevices": ["phone", "tablet"]
     }
   ],
@@ -19,11 +19,22 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Position of the digit mark or dot mark of the event reminder. The options are as follows:\nright: It is located in the right pane of the component.\nrightTop: at the upper right corner of the widget border.\nleft: located on the left border of the component.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
-      "type": "string"
+      "type": "enum",
+      "options": [
+        {
+          "name": "right"
+        },
+        {
+          "name": "rightTop"
+        },
+        {
+          "name": "left"
+        }
+      ]
     },
     {
       "name": "count",
@@ -31,7 +42,7 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Number of reminder messages. The default value is 0. If the number of notification messages is greater than 0, the notification message is marked with a number. If the number of notification messages is not set or the number of notification messages is not greater than 0, the notification message is marked with a dot.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
@@ -43,11 +54,19 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether to display message reminders. When a new message reminder is received, this attribute can be set to true, indicating that the corresponding message reminder is displayed. If the number tag type is required, the corresponding count attribute needs to be set.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
-      "type": "boolean"
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
     },
     {
       "name": "maxcount",
@@ -55,7 +74,7 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Maximum number of messages. When a new message notification is received, the number is omitted and only maxcount+ is displayed.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
@@ -67,94 +86,188 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Set the configuration attributes related to the new event flag.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
-      "type": "enum",
-      "options": [
-        {
-          "badgeColor": "#fa2a2d"
-        },
-        {
-          "textColor": "#ffffff"
-        },
-        {
-          "textSize": "10px"
-        },
-        {
-          "badgeSize": "6px"
-        }
-      ]
+      "type": "string"
     },
     {
       "name": "label",
       "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Sets the text value for the new event alert.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -169,12 +282,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -188,37 +316,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -236,24 +447,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -277,12 +518,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -297,48 +553,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -351,10 +733,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -368,43 +800,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "string"
     },
     {
-      "name": "tid",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -416,148 +855,691 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -566,4 +1548,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/container/dialog.json b/api/config/hml/container/dialog.json
old mode 100755
new mode 100644
index c96f479bd753b3fdc6fcc6f0b80b15e9dc32e6d7..620d8fe6a348dfa5d748d6d5a6262ffb6cf1df2c
--- a/api/config/hml/container/dialog.json
+++ b/api/config/hml/container/dialog.json
@@ -14,61 +14,189 @@
   ],
   "attributes": [
     {
-      "name": "id",
+      "name": "dragable",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Specifies whether to provide a drag icon in a pop-up window. Users can use the drag icon to drag the icon.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -82,37 +210,155 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "focusable",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -130,24 +376,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -171,12 +447,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -191,72 +482,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -269,10 +662,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -286,19 +729,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -322,6 +796,36 @@
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ]
+    },
+    {
+      "name": "show",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "This event is triggered when a pop-up window appears.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "close",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "This event is triggered when a pop-up window disappears.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
     }
   ],
   "supportedSubComponents": true,
diff --git a/api/config/hml/container/div.json b/api/config/hml/container/div.json
old mode 100755
new mode 100644
index a0038e943b8bbd1be465663451f78cc4e9580100..8608f00c2429d9e02b6dd10040691c9bfe9d4d10
--- a/api/config/hml/container/div.json
+++ b/api/config/hml/container/div.json
@@ -13,62 +13,165 @@
     }
   ],
   "attributes": [
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -83,12 +186,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -102,37 +220,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -150,24 +351,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -191,12 +422,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -211,72 +457,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -291,12 +639,27 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -314,8 +677,20 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -329,19 +704,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -356,133 +762,748 @@
     }
   ],
   "events": [
+    {
+      "name": "reachstart",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event callback triggered when the page slides to the beginning point. This event is triggered only when flex-direction:row is used.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "reachend",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event callback triggered when the page slides to the end point. This event is triggered only when flex-direction:row is used.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "reachtop",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event callback triggered when the page slides to the topmost point. This event is triggered only when flex-direction:column is used.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "reachbottom",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event callback triggered when the page slides to the bottom point. This event is triggered only when flex-direction:column is used.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/form.json b/api/config/hml/container/form.json
old mode 100755
new mode 100644
index d2d727e22b8932a942d390752e70c3afc7aba95c..2387d29f1f508f808cb47542518fd2cbbc0f2ae9
--- a/api/config/hml/container/form.json
+++ b/api/config/hml/container/form.json
@@ -14,61 +14,164 @@
   ],
   "attributes": [
     {
-      "name": "id",
+      "name": "shareid",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -83,12 +186,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -102,37 +220,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -150,24 +351,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -191,12 +422,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -211,72 +457,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -291,12 +639,27 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -314,8 +677,20 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -329,19 +704,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -378,131 +784,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/list-item-group.json b/api/config/hml/container/list-item-group.json
old mode 100755
new mode 100644
index 6d89d8105cd8c3de40e0051a1e10775b7f6a1dc7..b49affd9693f03a5a53b35915f1d28ae903a5758
--- a/api/config/hml/container/list-item-group.json
+++ b/api/config/hml/container/list-item-group.json
@@ -26,61 +26,164 @@
       "type": "string"
     },
     {
-      "name": "id",
+      "name": "shareid",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -95,12 +198,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain focus. When focusable is set to true, the component can gain focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -114,37 +232,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -162,24 +363,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -203,12 +434,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -223,72 +469,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -301,10 +649,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -318,19 +716,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -377,131 +806,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/list-item.json b/api/config/hml/container/list-item.json
old mode 100755
new mode 100644
index 790e56d84af274a36f74eb87b3c0a9b8c020267c..810da5c101cf7f2351e180c7129dcab200285953
--- a/api/config/hml/container/list-item.json
+++ b/api/config/hml/container/list-item.json
@@ -83,7 +83,7 @@
         },
         {
           "name": "opacity",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": ["wearable"]
         }
       ]
     },
@@ -101,10 +101,15 @@
     {
       "name": "clickeffect",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Sets whether the current item has the click effect.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -118,62 +123,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -188,12 +296,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -207,37 +330,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -255,24 +461,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -296,12 +532,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -316,72 +567,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -394,10 +747,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -411,19 +814,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -435,18 +869,6 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
@@ -462,131 +884,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/list.json b/api/config/hml/container/list.json
old mode 100755
new mode 100644
index cf3db04221b60017b2c456782d7c50ffb1250edb..78de6422e9223b5f3df66e30ed2a2805d3726015
--- a/api/config/hml/container/list.json
+++ b/api/config/hml/container/list.json
@@ -117,6 +117,106 @@
         }
       ]
     },
+    {
+      "name": "indexercircle",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether the index is a ring index.\nThe default value is true for wearable devices and false for other devices. This parameter does not take effect when indexer is set to false.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "indexermulti",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to enable the multi-language function of the index bar. This parameter does not take effect when indexer is set to false.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "indexerbubble",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to enable the bubble prompt for index switching.\nThis parameter does not take effect when indexer is set to false.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "divider",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether an item has a separator. For details about the style, see divider-color, divider-height, divider-length, and divider-origin in the style list.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
     {
       "name": "shapemode",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
@@ -203,6 +303,31 @@
         }
       ]
     },
+    {
+      "name": "chainanimation",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "This parameter specifies whether to enable the chain linkage effect for the current list. After this function is enabled, the chain linkage effect is displayed when the list slides and the top and bottom drags. Chain linkage effect: List-items in a list are separated by a certain distance. Under the basic sliding interaction behavior, the active object drives the driven object to perform linkage. The driving effect follows the physical dynamic effect of the spring.\nfalse: disable chain linkage. true: enable chain linkage.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
     {
       "name": "scrollvibrate",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
@@ -247,62 +372,182 @@
       ],
       "type": "length"
     },
+    {
+      "name": "selected",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Specifies the selected and activated items in the current list. The optional value is the value of the section attribute of list-item.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -317,12 +562,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -336,37 +596,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -384,24 +727,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -425,12 +798,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -445,72 +833,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -524,58 +1014,116 @@
       ]
     },
     {
-      "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
-      "description": [],
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
       "type": "enum",
       "options": [
         {
-          "name": "true"
+          "name": "ltr"
         },
         {
-          "name": "false"
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
         }
       ]
     },
     {
-      "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "elif",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "enum",
       "options": [
         {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
+          "name": "true"
         },
         {
-          "name": "auto"
+          "name": "false"
         }
       ]
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -590,6 +1138,16 @@
     }
   ],
   "events": [
+    {
+      "name": "indexerchange",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "description": [
+        {
+          "name": "Multi-language index bar switch event. This parameter is valid only when indexer is set to true and indexermulti is set to true. booleanValue can be true or false.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
     {
       "name": "scroll",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
@@ -626,7 +1184,7 @@
       "description": [
         {
           "name": "Triggered when the list stops scrolling.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision", "liteWearable"]
         }
       ]
     },
@@ -651,132 +1209,702 @@
       ]
     },
     {
-      "name": "touchstart",
+      "name": "rotation",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
+          "name": "Triggered when crown rotates and returns the angle of rotation",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ]
     },
+    {
+      "name": "touchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/panel.json b/api/config/hml/container/panel.json
old mode 100755
new mode 100644
index 373b31b31e9ed49c5205ace2a388fdf60e1dc2ae..bf3659c8f7212ee03682acddcb7f211b3927ca11
--- a/api/config/hml/container/panel.json
+++ b/api/config/hml/container/panel.json
@@ -8,7 +8,7 @@
   "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "",
+      "name": "Sliding panel. Provides a lightweight content display window that can be easily switched between different sizes. It is a pop-up component.",
       "supportedDevices": ["phone", "tablet"]
     }
   ],
@@ -19,11 +19,22 @@
       "required": true,
       "description": [
         {
-          "name": "",
+          "name": "Sets the sliding panel type. The options are as follows:\nMinibar: provides the switchover effect between the minibar and full-screen display.\nfoldable: permanent content display, which supports the switchover effect of large (full-screen), medium (half-screen), and small display. temporary: temporary content display area, which can be switched between large (full-screen) and medium (half-screen).",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
-      "type": "string"
+      "type": "enum",
+      "options": [
+        {
+          "name": "minibar"
+        },
+        {
+          "name": "foldable"
+        },
+        {
+          "name": "temporary"
+        }
+      ]
     },
     {
       "name": "mode",
@@ -31,11 +42,22 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Sets the initial state. The options of mode are as follows:\nmini: indicates the minimum status when the type is minibar or foldable. If the value is temporary, this parameter does not take effect.\nhalf: When the type is foldable or temporary, the half-screen status is similar. If the type is minibar, this parameter does not take effect. full: full-screen mode.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
-      "type": "string"
+      "type": "enum",
+      "options": [
+        {
+          "name": "mini"
+        },
+        {
+          "name": "half"
+        },
+        {
+          "name": "full"
+        }
+      ]
     },
     {
       "name": "dragbar",
@@ -43,11 +65,19 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether the dragbar exists. The value true indicates that the dragbar exists. The value false indicates that the dragbar does not exist.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
-      "type": "boolean"
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
     },
     {
       "name": "fullheight",
@@ -55,10 +85,11 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Specifies the height in full state. The default value is screen size - 8px.",
           "supportedDevices": ["phone", "tablet"]
         }
-      ]
+      ],
+      "type": "length"
     },
     {
       "name": "halfheight",
@@ -66,91 +97,345 @@
       "required": false,
       "description": [
         {
-          "name": "miniheight",
+          "name": "Specifies the height in the half state. The default value is half the screen size.",
           "supportedDevices": ["phone", "tablet"]
         }
-      ]
+      ],
+      "type": "length"
     },
     {
-      "name": "id",
+      "name": "miniheight",
       "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Specifies the height in mini mode. The default value is 48px.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
+      "type": "length"
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "disabled",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -168,24 +453,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -209,12 +524,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -229,48 +559,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -283,10 +739,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -300,43 +806,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "string"
     },
     {
-      "name": "tid",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -348,18 +861,6 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
@@ -368,7 +869,7 @@
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
+          "name": "Triggered when the status of the sliding panel changes. The options of mode are as follows:",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
@@ -388,4 +889,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/container/popup.json b/api/config/hml/container/popup.json
old mode 100755
new mode 100644
index 9346b4ce70f7db3cc52be8d2f457ee500dc2ebdc..108fe63dec5e1fbeee04281e53a6829b253a27fa
--- a/api/config/hml/container/popup.json
+++ b/api/config/hml/container/popup.json
@@ -28,7 +28,7 @@
     {
       "name": "placement",
       "supportedDevices": ["phone", "tablet"],
-      "required": true,
+      "required": false,
       "description": [
         {
           "name": "Position of the popup. Available values are as follows: left: The pop-up is displayed on the left of the target item. right: The pop-up is displayed on the right of the target item. top: The pop-up is displayed at the top of the target item. bottom: The pop-up is displayed at the bottom of the target item. topLeft: The pop-up is displayed on the upper left of the target item. topRight: The pop-up is displayed on the upper right of the target item. bottomLeft: The pop-up is displayed on the bottom left of the target item. bottomRight: The pop-up is displayed on the bottom right of the target item.",
@@ -72,61 +72,231 @@
       ]
     },
     {
-      "name": "id",
+      "name": "keepalive",
       "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Indicates whether the current popup needs to be reserved. If this parameter is set to true, the bubble does not disappear after you click the screen area or switch the page. You need to invoke the hide method of the bubble component to disappear. If this parameter is set to false, the bubble disappears when you tap the screen area or switch the page.",
+          "supportedDevices": ["phone", "tablet"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "clickable",
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to use the pop-up window. If this parameter is set to false, only method invoking is supported.",
+          "supportedDevices": ["phone", "tablet"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "arrowoffset",
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Offset of the pupupup arrow in the pop-up window. By default, the pupupup arrow is centered. The positive value is offset based on the language direction. The negative value is reverse.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
+      "type": "length"
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -140,25 +310,264 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "focusable",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "scenelabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -173,72 +582,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -251,10 +762,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -268,19 +829,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -296,102 +888,697 @@
   ],
   "events": [
     {
-      "name": "touchstart",
+      "name": "visibilitychange",
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
+          "name": "This callback function is triggered when a bubble pops up or disappears.",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
     },
+    {
+      "name": "touchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/refresh.json b/api/config/hml/container/refresh.json
old mode 100755
new mode 100644
index fa059b3fd0ce889fb55b3ed384f8a02dc352d1d1..9e9586d4137b51ca49e86c4edeb4af6e4d056cc0
--- a/api/config/hml/container/refresh.json
+++ b/api/config/hml/container/refresh.json
@@ -88,73 +88,194 @@
       ]
     },
     {
-      "name": "friction",
+      "name": "timeoffset",
       "supportedDevices": ["phone", "tablet", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Pull-down friction coefficient. The value ranges from 0 to 100. A larger value indicates a more responsive component. For example, if a user pulls the component down 100 px, it will actually move 100 * friction% px.",
+          "name": "Sets the distance between the update time and the top of the parent component.",
           "supportedDevices": ["phone", "tablet", "wearable"]
         }
       ],
+      "type": "length"
+    },
+
+    {
+      "name": "friction",
+      "supportedDevices": ["phone", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Pull-down friction coefficient. The value ranges from 0 to 100. A larger value indicates a more responsive component. For example, if a user pulls the component down 100 px, it will actually move 100 * friction% px.",
+          "supportedDevices": ["phone", "wearable"]
+        }
+      ],
       "type": "number"
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -169,12 +290,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -188,25 +324,229 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "subscriptflag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -221,72 +561,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -299,10 +741,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -316,19 +808,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
diff --git a/api/config/hml/container/stack.json b/api/config/hml/container/stack.json
old mode 100755
new mode 100644
index fdcfd6a9b3a0ae747fba359576ed818f62dc92f4..95f3b4c1af6b10bf86de554c9b2eac605c3794fb
--- a/api/config/hml/container/stack.json
+++ b/api/config/hml/container/stack.json
@@ -13,62 +13,165 @@
     }
   ],
   "attributes": [
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -83,12 +186,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -102,37 +220,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -150,24 +351,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -191,12 +422,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -211,68 +457,240 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "if",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -286,140 +704,746 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
+    },
+    {
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
     }
   ],
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/stepper-item.json b/api/config/hml/container/stepper-item.json
old mode 100755
new mode 100644
index 59d0e79e5ffe851d535632b9ddbcb423c9a08584..5a00cc4dad7acd8c15a750ae580aad9058112ead
--- a/api/config/hml/container/stepper-item.json
+++ b/api/config/hml/container/stepper-item.json
@@ -8,7 +8,7 @@
   "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "",
+      "name": "The step navigator subcomponent is used as the content display component of a step in the step navigator.",
       "supportedDevices": ["phone", "tablet"]
     }
   ],
@@ -19,68 +19,171 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Attribute of the step prompt text button at the bottom of the Customized Step Navigator, which cannot be dynamically modified. If this property is not defined, the Step Navigator uses the Back and Next text buttons in Chinese locales and the BACK and NEXT text buttons in non-Chinese locales. For the first step, there is no rollback text button. For the last step, the text of the next step is Start (Chinese language) or START (non-Chinese language).",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "object"
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -94,37 +197,155 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "focusable",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -142,24 +363,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -183,12 +434,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -203,48 +469,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -257,10 +649,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -274,43 +716,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "string"
     },
     {
-      "name": "tid",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -322,18 +771,6 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
@@ -342,7 +779,7 @@
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
+          "name": "Triggers when this step occurs.",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
@@ -352,138 +789,693 @@
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
+          "name": "Triggers when the step disappears.",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -492,4 +1484,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/container/stepper.json b/api/config/hml/container/stepper.json
old mode 100755
new mode 100644
index 25373954b65dce6c6332f892f794cd05ab2ddaf2..7de916ca30a74383a959d4cbf264ddab0e63e0e3
--- a/api/config/hml/container/stepper.json
+++ b/api/config/hml/container/stepper.json
@@ -8,7 +8,7 @@
   "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "",
+      "name": "Step Navigator. When multiple steps are required to complete a task, you can use the Step Navigator to show the current progress.",
       "supportedDevices": ["phone", "tablet"]
     }
   ],
@@ -19,7 +19,7 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Sets the sequence number of the stepper-item subcomponent to be displayed in the step navigator step.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
@@ -285,7 +285,7 @@
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
+          "name": "Triggers when the last step of the Step Navigator completes.",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
@@ -295,7 +295,7 @@
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
+          "name": "This event is triggered when the setNextButtonStatus method is used to set the current step navigator to skip, and the skip button is clicked on the right.",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
@@ -305,7 +305,7 @@
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
+          "name": "This event is triggered when the step navigator clicks the text button on the left or right to switch steps. prevIndex indicates the sequence number of the old step, and index indicates the sequence number of the new step.",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
@@ -315,7 +315,7 @@
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
+          "name": "This event is triggered when a subscriber clicks the Next button. index indicates the sequence number of the current step, and pendingIndex indicates the sequence number to be redirected to. This event has a return value in the format of {pendingIndex:pendingIndex}. You can specify pendingIndex to modify which stepper-item subcomponent is used in the next step.",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
@@ -325,18 +325,693 @@
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
+          "name": "This event is triggered when a subscriber clicks the previous button. index indicates the sequence number of the current step, and pendingIndex indicates the sequence number of the jump to. This event has a return value in the Object:{pendingIndex:pendingIndex} format. You can specify pendingIndex to modify which stepper-item subcomponent is used in the previous step.",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
     },
+    {
+      "name": "touchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
     {
       "name": "accessibility",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -350,4 +1025,4 @@
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/container/svg.json b/api/config/hml/container/svg.json
new file mode 100644
index 0000000000000000000000000000000000000000..a7c0103ee249059f53377f71476154357048ab25
--- /dev/null
+++ b/api/config/hml/container/svg.json
@@ -0,0 +1,288 @@
+{
+  "name": "svg",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv","wearable"],
+  "description": [
+    {
+      "name": "The <divider> component is used to separate content blocks and content elements. It can be used for the list or interface layout.",
+      "supportedDevices": ["phone", "tablet", "tv","wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to use the vertical divider. The default value is false, indicating that the horizontal divider is used.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-rule",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "nonzero",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "evenodd",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-dasharray",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-dashoffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-linejoin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bevel",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "miter",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "butt",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "square",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "transform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique identification of the component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "length|percentage"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "height",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the height of the component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "length|percentage"
+    },
+    {
+      "name": "x",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "length|percentage"
+    },
+    {
+      "name": "y",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "length|percentage"
+    },
+    {
+      "name": "viewBox",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the viewport for the current SVG. The supported format is [number number number> and four parameters respectively represent the inconsistency   between the width height of min-x, min-y, width and height, the width height of viewbox and the width height of SVG, and will be scaled with center alignment.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "length|percentage"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/container/swiper.json b/api/config/hml/container/swiper.json
old mode 100755
new mode 100644
index 75b4d79d9f27e5a72b983a709df39d56dee9d324..e5a8b1dc7012c980a2e1f068507ef97d739daadb
--- a/api/config/hml/container/swiper.json
+++ b/api/config/hml/container/swiper.json
@@ -100,10 +100,15 @@
     {
       "name": "digital",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether to enable the digital navigation point. The default value is false.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -119,12 +124,17 @@
     },
     {
       "name": "indicatordisabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": ["phone"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Indicates whether the indicator prohibits user gesture operations. If this parameter is set to true, the indicator does not respond to user taps and drags.",
+          "supportedDevices": ["phone"]
         }
       ],
       "type": "enum",
@@ -201,62 +211,235 @@
         }
       ]
     },
+    {
+      "name": "cachedsize",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the number of sub-elements loaded in front of and back of the current page of the swiper.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "scrolleffect",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the boundary bounce effect.\nSpring: elastic physical action. After sliding to the edge, you can continue sliding for a certain distance based on the initial speed or touch event. When you release the hand, you can spring back.\nFading: The physical effect of fading. When you slide to the edge, a wave-like fading is displayed. The fading also changes according to the speed and sliding distance.\nnone: No effect is displayed when the user slides to the edge.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring"
+        },
+        {
+          "name": "fade"
+        },
+        {
+          "name": "none"
+        }
+      ]
+    },
+    {
+      "name": "displaymode",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the size when the swiper container is on the spindle (Width when sliding horizontally, height when sliding vertically) Display mode in the swiper when the size of the subcomponent is greater than that of the subcomponent.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "stretch"
+        },
+        {
+          "name": "autoLinear"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -271,12 +454,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -290,37 +488,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -338,24 +619,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -379,12 +690,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -399,72 +725,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -479,12 +907,27 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -502,8 +945,20 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -517,19 +972,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -554,6 +1040,16 @@
         }
       ]
     },
+    {
+      "name": "animationfinish",
+      "supportedDevices": ["phone", "tablet", "tv","wearable"],
+      "description": [
+        {
+          "name": "Trigger event at the end of the swiper animation",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
     {
       "name": "rotation",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
@@ -566,137 +1062,696 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
   ],
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [
+    {
+      "name": "list"
+    }
+  ],
   "parentComponentsRestriction": []
 }
diff --git a/api/config/hml/container/tab-bar.json b/api/config/hml/container/tab-bar.json
old mode 100755
new mode 100644
index d89a18e401695da458655b18d0ef9828ad142cf4..334ee18c97ead89b9ff5da75a5f54e20e3826d0f
--- a/api/config/hml/container/tab-bar.json
+++ b/api/config/hml/container/tab-bar.json
@@ -33,62 +33,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -103,12 +206,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -122,37 +240,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -170,24 +371,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -211,12 +442,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -231,72 +477,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -309,10 +657,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -326,19 +724,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -355,131 +784,686 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/tab-content.json b/api/config/hml/container/tab-content.json
old mode 100755
new mode 100644
index 0e02f1fb8fd862b052b1ea21ee3d9bb725ba9bd0..fe487cf145e655c1debd0ce01a2c276b2a37dda4
--- a/api/config/hml/container/tab-content.json
+++ b/api/config/hml/container/tab-content.json
@@ -33,62 +33,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -103,12 +206,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -122,37 +240,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -170,24 +371,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -211,12 +442,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -231,72 +477,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -309,10 +657,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -326,19 +724,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -355,131 +784,686 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/tabs.json b/api/config/hml/container/tabs.json
old mode 100755
new mode 100644
index cc9982e4f28594c9e316897a1d4f860f69e81cfe..536221bd49c3b40013a9d012207184f43628a75f
--- a/api/config/hml/container/tabs.json
+++ b/api/config/hml/container/tabs.json
@@ -23,7 +23,7 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "url"
+      "type": "number"
     },
     {
       "name": "vertical",
@@ -45,62 +45,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -115,12 +218,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -134,37 +252,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -182,24 +383,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -223,12 +454,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -243,72 +489,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -321,10 +669,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -338,19 +736,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -377,131 +806,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/custom/element.json b/api/config/hml/custom/element.json
old mode 100755
new mode 100644
diff --git a/api/config/hml/grid/grid-col.json b/api/config/hml/grid/grid-col.json
old mode 100755
new mode 100644
index 6b2579271e65ef5d51a66937d5a59959f615b715..d8260c8777aa542abe498eef6e0f8e3eaae3dec9
--- a/api/config/hml/grid/grid-col.json
+++ b/api/config/hml/grid/grid-col.json
@@ -5,142 +5,245 @@
       "name": "v4.0"
     }
   ],
-  "supportedDevices": ["phone", "tv"],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": []
+      "name": "grid-col is a subcontainer component of grid layout container grid-row.",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
     }
   ],
   "attributes": [
     {
       "name": "xs",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "When the resolution is XS, set the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "number|object"
     },
     {
       "name": "sm",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "When the resolution is SM, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set both the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "number|object"
     },
     {
       "name": "md",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "When the resolution is set to md, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "number|object"
     },
     {
       "name": "lg",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "When the resolution is lg, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set both the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "number|object"
     },
     {
       "name": "span",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Default number of occupied columns when no explicit breakpoint is set",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "number"
     },
     {
       "name": "offset",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Default number of offset columns when the current element is in the container layout direction when the offset is not set in specific resolution mode.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "number"
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": []
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": []
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -155,12 +258,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": []
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -174,37 +292,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": [],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": []
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -222,24 +423,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -263,12 +494,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -283,48 +529,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": []
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -337,10 +709,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -354,43 +776,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": [],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "string"
     },
     {
-      "name": "tid",
-      "supportedDevices": [],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [],
-      "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -402,148 +831,691 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": [],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": []
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": []
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": []
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": []
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": []
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": []
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": []
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": []
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": []
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": []
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": []
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": [],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": []
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -552,4 +1524,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/grid/grid-container.json b/api/config/hml/grid/grid-container.json
old mode 100755
new mode 100644
index f72d2cb438da3706f4f20e83a4a9a89377327340..29836a22e056c6ce530e19353e1e84b3870b266e
--- a/api/config/hml/grid/grid-container.json
+++ b/api/config/hml/grid/grid-container.json
@@ -5,106 +5,258 @@
       "name": "v4.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": []
+      "name": "Root node of the grid layout container. Grid-row and gird-col are used for grid layout.",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
     }
   ],
   "attributes": [
     {
       "name": "columns",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Sets the total number of columns in the current layout. When the string type is used, only auto is supported. When the string type is used, the total number of columns is determined based on the current sizetype.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
-      "type": "string | number"
+      "type": "enum",
+      "options": [
+        {
+          "name": "xs"
+        },
+        {
+          "name": "sm"
+        },
+        {
+          "name": "md"
+        },
+        {
+          "name": "lg"
+        }
+      ]
     },
     {
       "name": "sizetype",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Specifies the response size type used by the current grid. The xs, sm, md, and lg types are supported. When auto is used, the xs, sm, md, and lg types are automatically selected based on the current container size.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
     {
       "name": "gutter",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Setting the Gutter Width",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "length"
     },
+    {
+      "name": "gridtemplate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "When Column and sizetype are set to auto, you can set the layout template of the grid container and set Columns, Gutters, and Margins for different response sizes in the layout module. For details, see the optional values.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "default"
+        },
+        {
+          "name": "grid"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": []
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": []
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -119,12 +271,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": []
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -138,37 +305,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": [],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": []
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -186,24 +436,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -227,12 +507,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -247,48 +542,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": []
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -301,10 +722,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -318,206 +789,746 @@
     },
     {
       "name": "else",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
-      "name": "for",
-      "supportedDevices": [],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": []
+          "name": "Whether the element is displayed or hidden.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
-      "type": "string"
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "touchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
     },
     {
-      "name": "tid",
-      "supportedDevices": [],
-      "required": false,
+      "name": "touchmove",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": []
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
       ],
-      "type": "string"
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
     },
     {
-      "name": "show",
-      "supportedDevices": [],
-      "required": false,
+      "name": "touchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": []
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
+      ]
+    },
+    {
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
       ],
-      "type": "enum",
-      "options": [
+      "version": [
         {
-          "name": "true"
-        },
+          "name": "v4.0"
+        }
+      ],
+      "description": [
         {
-          "name": "false"
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "shareid",
-      "supportedDevices": [],
-      "required": false,
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": []
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
       ],
-      "type": "string"
-    }
-  ],
-  "events": [
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
     {
-      "name": " ",
-      "supportedDevices": [],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "touchstart",
-      "supportedDevices": [],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": []
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "touchmove",
-      "supportedDevices": [],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": []
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "touchcancel",
-      "supportedDevices": [],
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": []
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "touchend",
-      "supportedDevices": [],
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": []
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "click",
-      "supportedDevices": [],
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": []
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "longpress",
-      "supportedDevices": [],
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": []
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": []
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": []
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": []
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": []
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": [],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": []
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -531,4 +1542,4 @@
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/grid/grid-row.json b/api/config/hml/grid/grid-row.json
old mode 100755
new mode 100644
index 6f68aaf5faf18883c5081bf33269869079f6ce54..fb720a0653add046f7ad81fc96c2400f26121bb6
--- a/api/config/hml/grid/grid-row.json
+++ b/api/config/hml/grid/grid-row.json
@@ -5,70 +5,173 @@
       "name": "v4.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": []
+      "name": "grid-row is a sub-container component of grid-container. The flex horizontal layout is used to arrange each grid-col container. The default values of justify-content and align-items are flex-start and can be displayed in broken lines.",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
     }
   ],
   "attributes": [
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": []
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": []
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -83,12 +186,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": []
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -102,37 +220,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": [],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": []
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -150,24 +351,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -191,12 +422,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -211,48 +457,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": []
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -265,10 +637,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -282,43 +704,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": [],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "string"
     },
     {
-      "name": "tid",
-      "supportedDevices": [],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [],
-      "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -330,148 +759,691 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": [],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": []
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": []
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": []
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": []
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": []
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": []
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": []
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": []
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": []
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": []
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": []
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": [],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": []
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -485,4 +1457,4 @@
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/hml-json-schema.json b/api/config/hml/hml-json-schema.json
old mode 100755
new mode 100644
diff --git a/api/config/hml/media/camera.json b/api/config/hml/media/camera.json
new file mode 100644
index 0000000000000000000000000000000000000000..82a8afa9e6afa1aa9f9ec122fa3381dfaf699667
--- /dev/null
+++ b/api/config/hml/media/camera.json
@@ -0,0 +1,1508 @@
+{
+    "name": "camera",
+    "version": [
+      {
+        "name": "v6.0"
+      }
+    ],
+    "supportedDevices": ["phone","smartVision"],
+    "description": [
+      {
+        "name": "Camera component, which provides the preview and photographing functions.",
+        "supportedDevices": ["phone","smartVision"]
+      }
+    ],
+    "attributes": [
+      {
+        "name": "flash",
+        "supportedDevices": ["phone","smartVision"],
+        "required": false,
+        "description": [
+          {
+            "name": "Indicates the flashlight. The value can be on, off, or torch (the flashlight is always on).",
+            "supportedDevices": ["phone","smartVision"]
+          }
+        ],
+        "type": "enum",
+        "options": [
+          {
+            "name": "on"
+          },
+          {
+            "name": "off"
+          },
+          {
+            "name": "torch"
+          }
+        ]
+      },
+      {
+        "name": "deviceposition",
+        "supportedDevices": ["phone","smartVision"],
+        "required": false,
+        "description": [
+          {
+            "name": "Front or back. The value can be front or back.",
+            "supportedDevices": ["phone","smartVision"]
+          }
+        ],
+        "type": "enum",
+        "options": [
+          {
+            "name": "front"
+          },
+          {
+            "name": "back"
+          }
+        ]
+      },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+    "events": [
+      {
+        "name": "error",
+        "supportedDevices": ["phone","smartVision"],
+        "description": [
+          {
+            "name": "Triggered when the user is not allowed to use the camera.",
+            "supportedDevices": ["phone","smartVision"]
+          }
+        ]
+      },
+    {
+      "name": "touchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    }
+  ],
+    "supportedSubComponents": false,
+    "supportedSubComponentsRestriction": [],
+    "unSupportSubComponentsRestriction": [],
+    "parentComponentsRestriction": []
+  }
diff --git a/api/config/hml/media/video.json b/api/config/hml/media/video.json
old mode 100755
new mode 100644
index 2ace6e535080dfe94f2a2a4b79370e9f1dd3c96c..34e5abc471c2d50c6b29f88167498fb37f003c27
--- a/api/config/hml/media/video.json
+++ b/api/config/hml/media/video.json
@@ -43,7 +43,7 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "autoplay",
@@ -75,11 +75,16 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "loop",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
@@ -118,41 +123,81 @@
       ]
     },
     {
-      "name": "id",
+      "name": "starttime",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Where the video starts playing.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "direction",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Controls the layout mode of the Video component in full-screen mode. Set this parameter tovertical. Set this parameter tohorizontal. Set this parameter to auto. In full-screen mode, the video is displayed in landscape or portrait mode based on the width and height. If this parameter is set to adapt, the video is displayed in landscape or portrait mode based on the device direction.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
       "type": "string"
     },
     {
-      "name": "style",
+      "name": "speed",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Style declaration of a component.",
+          "name": "Controls the video playback speed. A larger value indicates a faster video playback speed.The value ranges from 0.1 to 20.0. The precision is float.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
       "type": "string"
     },
     {
-      "name": "starttime",
+      "name": "style",
       "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Where the video starts playing.",
+          "name": "Style declaration of a component.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
       "type": "string"
     },
+
     {
       "name": "class",
       "supportedDevices": ["phone", "tablet", "tv"],
@@ -218,7 +263,7 @@
       ]
     },
     {
-      "name": "data",
+      "name": "data-*",
       "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
@@ -449,6 +494,209 @@
     }
   ],
   "events": [
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
     {
       "name": "prepared",
       "supportedDevices": ["phone", "tablet", "tv"],
@@ -529,6 +777,16 @@
         }
       ]
     },
+    {
+      "name": "stop",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "This event is triggered when a request is made to stop playing a video. The stop event is not triggered when the finish event is triggered.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
     {
       "name": "fullscreenchange",
       "supportedDevices": ["phone", "tablet", "tv"],
@@ -639,6 +897,56 @@
         }
       ]
     },
+    {
+      "name": "doubleclick",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "Triggered when a component is double clicked.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "Triggered when the pinch starts.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "Triggered when the pinch updates.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "Triggered when the pinch ends.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "Triggered when the pinch is interrupted.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
     {
       "name": "blur",
       "supportedDevices": ["phone", "tablet", "tv"],
diff --git a/api/data/rdb/resultSet.d.ts b/api/data/rdb/resultSet.d.ts
new file mode 100755
index 0000000000000000000000000000000000000000..ac0e5eb6ea910729332d0535fcc3cf8980b1db5d
--- /dev/null
+++ b/api/data/rdb/resultSet.d.ts
@@ -0,0 +1,295 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { AsyncCallback } from '../../basic'
+
+/**
+ * Provides methods for accessing a database result set generated by querying the database.
+ *
+ * @since 7
+ * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+ * @devices phone, tablet, tv, wearable, car
+ * @import import data_rdb from '@ohos.data.rdb';
+ * @permission N/A
+ */
+interface ResultSet {
+    /**
+     * Obtains the names of all columns in a result set.
+     *
+     * @note The column names are returned as a string array, in which the strings are in the same order
+     * as the columns in the result set.
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     */
+    columnNames: Array<string>;
+
+    /**
+     * Obtains the number of columns in the result set.
+     *
+     * @note The returned number is equal to the length of the string array returned by the
+     * columnCount method.
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     */
+    columnCount: number;
+
+    /**
+     * Obtains the number of rows in the result set.
+     *
+     * @note N/A
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     */
+    rowCount: number;
+
+    /**
+     * Obtains the current index of the result set.
+     *
+     * @note The result set index starts from 0.
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     */
+    rowIndex: number;
+
+    /**
+     * Checks whether the result set is positioned at the first row.
+     *
+     * @note N/A
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     */
+    isAtFirstRow: boolean;
+
+    /**
+     * Checks whether the result set is positioned at the last row.
+     *
+     * @note N/A
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     */
+    isAtLastRow: boolean;
+
+    /**
+     * Checks whether the result set is positioned after the last row.
+     *
+     * @note N/A
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     */
+    isEnded: boolean;
+
+    /**
+     * Returns whether the cursor is pointing to the position before the first
+     * row.
+     *
+     * @note N/A
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     */
+    isStarted: boolean;
+
+    /**
+     * Checks whether the current result set is closed.
+     *
+     * If the result set is closed by calling the close method, true will be returned.
+     *
+     * @note N/A
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     */
+    isClosed: boolean;
+
+    /**
+     * Obtains the column index based on the specified column name.
+     *
+     * @note The column name is passed as an input parameter.
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @param columnName Indicates the name of the specified column in the result set.
+     * @return Returns the index of the specified column.
+     */
+    getColumnIndex(columnName: string): number;
+
+    /**
+     * Obtains the column name based on the specified column index.
+     *
+     * @note The column index is passed as an input parameter.
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @param columnIndex Indicates the index of the specified column in the result set.
+     * @return Returns the name of the specified column.
+     */
+    getColumnName(columnIndex: number): string;
+
+    /**
+     * Go to the specified row of the result set forwards or backwards by an offset relative to its current position.
+     * A positive offset indicates moving backwards, and a negative offset indicates moving forwards.
+     *
+     * @note N/A
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @param offset Indicates the offset relative to the current position.
+     * @return Returns true if the result set is moved successfully and does not go beyond the range;
+     * returns false otherwise.
+     */
+    goTo(offset: number): boolean;
+
+    /**
+     * Go to the specified row of the result set.
+     *
+     * @note N/A
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @param rowIndex Indicates the index of the specified row, which starts from 0.
+     * @return Returns true if the result set is moved successfully; returns false otherwise.
+     */
+    goToRow(position: number): boolean;
+
+    /**
+     * Go to the first row of the result set.
+     *
+     * @note N/A
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @return Returns true if the result set is moved successfully;
+     * returns false otherwise, for example, if the result set is empty.
+     */
+    goToFirstRow(): boolean;
+
+    /**
+     * Go to the last row of the result set.
+     *
+     * @note N/A
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @return Returns true if the result set is moved successfully;
+     * returns false otherwise, for example, if the result set is empty.
+     */
+    goToLastRow(): boolean;
+
+    /**
+     * Go to the next row of the result set.
+     *
+     * @note N/A
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @return Returns true if the result set is moved successfully;
+     * returns false otherwise, for example, if the result set is already in the last row.
+     */
+    goToNextRow(): boolean;
+
+    /**
+     * Go to the previous row of the result set.
+     *
+     * @note N/A
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @return Returns true if the result set is moved successfully;
+     * returns false otherwise, for example, if the result set is already in the first row.
+     */
+    goToPreviousRow(): boolean;
+
+    /**
+     * Obtains the value of the specified column in the current row as a byte array.
+     *
+     * @note The implementation class determines whether to throw an exception if the value of the specified column
+     * in the current row is null or the specified column is not of the Blob type.
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @param columnIndex Indicates the specified column index, which starts from 0.
+     * @return Returns the value of the specified column as a byte array.
+     */
+    getBlob(columnIndex: number): Uint8Array;
+
+    /**
+     * Obtains the value of the specified column in the current row as string.
+     *
+     * @note The implementation class determines whether to throw an exception if the value of the specified column
+     * in the current row is null or the specified column is not of the string type.
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @param columnIndex Indicates the specified column index, which starts from 0.
+     * @return Returns the value of the specified column as a string.
+     */
+    getString(columnIndex: number): string;
+
+    /**
+     * Obtains the value of the specified column in the current row as long.
+     *
+     * @note The implementation class determines whether to throw an exception if the value of the specified column
+     * in the current row is null, the specified column is not of the integer type.
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @param columnIndex Indicates the specified column index, which starts from 0.
+     * @return Returns the value of the specified column as a long.
+     */
+    getLong(columnIndex: number): number;
+
+    /**
+     * Obtains the value of the specified column in the current row as double.
+     *
+     * @note The implementation class determines whether to throw an exception if the value of the specified column
+     * in the current row is null, the specified column is not of the double type.
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @param columnIndex Indicates the specified column index, which starts from 0.
+     * @return Returns the value of the specified column as a double.
+     */
+    getDouble(columnIndex: number): number;
+
+    /**
+     * Checks whether the value of the specified column in the current row is null.
+     *
+     * @note N/A
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @param columnIndex Indicates the specified column index, which starts from 0.
+     * @return Returns true if the value of the specified column in the current row is null;
+     * returns false otherwise.
+     */
+    isColumnNull(columnIndex: number): boolean;
+
+    /**
+     * Closes the result set.
+     *
+     * @note Calling this method on the result set will release all of its resources and makes it ineffective.
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @return Returns true if the result set is closed; returns false otherwise.
+     */
+    close(): void;
+}
\ No newline at end of file
diff --git a/api/form/action/form-schema.json b/api/form/action/form-schema.json
index cc2104a42b1e5ecd09454a14b7bc984b05413e81..2dddb6b49b815d51e52f16fa6d4ade9cf8bcbf66 100644
--- a/api/form/action/form-schema.json
+++ b/api/form/action/form-schema.json
@@ -1,18 +1,18 @@
-{
-  "type": "object",
-  "additionalProperties": false,
-  "properties":{
-    "data": {
-      "type": "object",
-      "description": "Defines variables."
-    },
-    "actions": {
-      "type": "object",
-      "description": "Defines events."
-    },
-    "apiVersion": {
-      "type": "object",
-      "description": "Defines api version compatibility information."
-    }
-  }
-}
+{
+  "type": "object",
+  "additionalProperties": false,
+  "properties":{
+    "data": {
+      "type": "object",
+      "description": "Defines variables."
+    },
+    "actions": {
+      "type": "object",
+      "description": "Defines events."
+    },
+    "apiVersion": {
+      "type": "object",
+      "description": "Defines api version compatibility information."
+    }
+  }
+}
diff --git a/api/form/css/cssConfig.json b/api/form/css/cssConfig.json
index b2ab859a2740259ef48c232e8e2a89b86656f401..2403ca4c5755fd3065afbc63be9899e1abe7c909 100644
--- a/api/form/css/cssConfig.json
+++ b/api/form/css/cssConfig.json
@@ -2,7 +2,7 @@
   "properties": [
     {
       "name": "column-span",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -39,7 +39,7 @@
       "description": [
         {
           "name": "Component width. If this attribute is not set, the width required for the element content is used",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "restrictions": [
@@ -63,7 +63,7 @@
       "description": [
         {
           "name": "Component height. If this attribute is not set, the height required for the element content is used",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "restrictions": [
@@ -77,7 +77,7 @@
       "syntax": [
         {
           "name": "<length>{1,4} || <percentage>{1,4}",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "version": [
@@ -88,13 +88,13 @@
       "description": [
         {
           "name": "The attribute can have one to four values: 1. If you set a value, it specifies the padding for four sides; 2. If you set two values, the first value specifies the top and bottom padding, and the second value specifies the left and right padding; 3. If you set three values, the first value specifies the top padding, the second value specifies the left and right padding, and the third value specifies the bottom padding; 4. If you set four values, they respectively specify the padding for top, right, bottom, and left sides (in clockwise order)",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "restrictions": [
         {
           "name": ["length", "percentage"],
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
@@ -103,7 +103,7 @@
       "syntax": [
         {
           "name": "<length> || <percentage>",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "version": [
@@ -119,7 +119,7 @@
       "restrictions": [
         {
           "name": ["length", "percentage"],
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
@@ -128,7 +128,7 @@
       "syntax": [
         {
           "name": "<length> || <percentage>",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "version": [
@@ -144,7 +144,7 @@
       "restrictions": [
         {
           "name": ["length", "percentage"],
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
@@ -153,7 +153,7 @@
       "syntax": [
         {
           "name": "<length> || <percentage>",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "version": [
@@ -169,7 +169,7 @@
       "restrictions": [
         {
           "name": ["length", "percentage"],
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
@@ -178,7 +178,7 @@
       "syntax": [
         {
           "name": "<length> || <percentage>",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "version": [
@@ -194,17 +194,17 @@
       "restrictions": [
         {
           "name": ["length", "percentage"],
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
     {
       "name": "padding-start",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length> || <percentage>",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "version": [
@@ -220,17 +220,17 @@
       "restrictions": [
         {
           "name": ["length", "percentage"],
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
     {
       "name": "padding-end",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length> || <percentage>",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "version": [
@@ -246,7 +246,7 @@
       "restrictions": [
         {
           "name": ["length", "percentage"],
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
@@ -367,7 +367,7 @@
     },
     {
       "name": "margin-start",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length> || <percentage>"
@@ -391,7 +391,7 @@
     },
     {
       "name": "margin-end",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length> || <percentage>"
@@ -415,7 +415,7 @@
     },
     {
       "name": "border",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<line-width> || <line-style> || <color>"
@@ -439,7 +439,7 @@
     },
     {
       "name": "border-style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -729,7 +729,7 @@
     },
     {
       "name": "border-left-style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -759,7 +759,7 @@
     },
     {
       "name": "border-top-style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -789,7 +789,7 @@
     },
     {
       "name": "border-right-style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -819,7 +819,7 @@
     },
     {
       "name": "border-bottom-style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -849,7 +849,7 @@
     },
     {
       "name": "border-left",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -873,7 +873,7 @@
     },
     {
       "name": "border-top",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -897,7 +897,7 @@
     },
     {
       "name": "border-right",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -921,7 +921,7 @@
     },
     {
       "name": "border-bottom",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -958,7 +958,7 @@
       "syntax": [
         {
           "name": "<length>",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "restrictions": [
@@ -969,7 +969,7 @@
     },
     {
       "name": "border-left-width",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -993,7 +993,7 @@
     },
     {
       "name": "border-top-width",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -1017,7 +1017,7 @@
     },
     {
       "name": "border-right-width",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -1041,7 +1041,7 @@
     },
     {
       "name": "border-bottom-width",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -1088,7 +1088,7 @@
     },
     {
       "name": "border-left-color",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -1112,7 +1112,7 @@
     },
     {
       "name": "border-top-color",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -1136,7 +1136,7 @@
     },
     {
       "name": "border-right-color",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -1160,7 +1160,7 @@
     },
     {
       "name": "border-bottom-color",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -1192,7 +1192,7 @@
       "description": [
         {
           "name": "Attribute to set the radius of round borders of an element. This attribute cannot be used to set the width, color, or style of a specific border. To set the width or color, you need to set border-width, border-color, or border-style for all the borders at the same time.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "syntax": [
@@ -1208,7 +1208,7 @@
     },
     {
       "name": "border-top-left-radius",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -1232,7 +1232,7 @@
     },
     {
       "name": "border-top-right-radius",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -1256,7 +1256,7 @@
     },
     {
       "name": "border-bottom-left-radius",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -1280,7 +1280,7 @@
     },
     {
       "name": "border-bottom-right-radius",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -1651,7 +1651,7 @@
     },
     {
       "name": "background",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -1693,7 +1693,7 @@
     },
     {
       "name": "background-image",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -1712,7 +1712,7 @@
     },
     {
       "name": "background-size",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "values": [
         {
           "name": "contain"
@@ -1747,7 +1747,7 @@
     },
     {
       "name": "background-repeat",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<repeat-style>#"
@@ -1771,7 +1771,7 @@
     },
     {
       "name": "background-position",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<bg-position>#"
@@ -1795,7 +1795,7 @@
     },
     {
       "name": "opacity",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -1822,11 +1822,11 @@
       "values": [
         {
           "name": "flex",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "none",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "version": [
@@ -1847,7 +1847,7 @@
     },
     {
       "name": "visibility",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "values": [
         {
           "name": "visible",
@@ -1876,7 +1876,7 @@
     },
     {
       "name": "flex",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -1900,7 +1900,7 @@
     },
     {
       "name": "flex-grow",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -1924,7 +1924,7 @@
     },
     {
       "name": "flex-shrink",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -1948,7 +1948,7 @@
     },
     {
       "name": "flex-basis",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -1972,7 +1972,7 @@
     },
     {
       "name": "position",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "values": [
         {
           "name": "fixed"
@@ -2048,7 +2048,7 @@
     },
     {
       "name": "right",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length> || <percentage>"
@@ -2072,7 +2072,7 @@
     },
     {
       "name": "bottom",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length> || <percentage>"
@@ -2096,7 +2096,7 @@
     },
     {
       "name": "transform-origin",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "values": [
         {
           "name": "0px 0px"
@@ -2126,7 +2126,7 @@
       "values": [
         {
           "name": "translate()",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "translateX()"
@@ -2136,26 +2136,26 @@
         },
         {
           "name": "scale()",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "scaleX()",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "scaleY()",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "rotate()"
         },
         {
           "name": "rotateX('angle')",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "rotateY('angle')",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "syntax": [
@@ -2276,7 +2276,7 @@
       "restrictions": [
         {
           "name": ["number", "enum"],
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
@@ -2293,7 +2293,7 @@
         },
         {
           "name": "ease",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "ease-in"
@@ -2306,39 +2306,39 @@
         },
         {
           "name": "fast-out-slow-in",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "linear-out-slow-in",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "fast-out-linear-in",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "friction",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "extreme-deceleration",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "sharp",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "rhythm",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "smooth",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "cubic-bezier",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "version": [
@@ -2390,7 +2390,7 @@
     },
     {
       "name": "shared-transition-effect",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "values": [
         {
           "name": "exchange"
@@ -2417,7 +2417,7 @@
     },
     {
       "name": "shared-transition-name",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -2436,7 +2436,7 @@
     },
     {
       "name": "shared-transition-timing-function",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "values": [
         {
           "name": "friction"
@@ -2460,7 +2460,7 @@
     },
     {
       "name": "transition-enter",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -2479,7 +2479,7 @@
     },
     {
       "name": "transition-exit",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -2498,7 +2498,7 @@
     },
     {
       "name": "transition-duration",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -2517,7 +2517,7 @@
     },
     {
       "name": "transition-timing-function",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "values": [
         {
           "name": "friction"
@@ -2649,7 +2649,7 @@
       "values": [
         {
           "name": "stretch",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "flex-start"
@@ -2690,7 +2690,7 @@
       "values": [
         {
           "name": "center",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "flex-start"
@@ -2700,11 +2700,11 @@
         },
         {
           "name": "space-between",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "space-around",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "version": [
@@ -2725,7 +2725,7 @@
     },
     {
       "name": "grid-template-columns",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -2749,7 +2749,7 @@
     },
     {
       "name": "grid-template-rows",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -2773,7 +2773,7 @@
     },
     {
       "name": "grid-columns-gap",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -2797,7 +2797,7 @@
     },
     {
       "name": "grid-rows-gap",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -2821,7 +2821,7 @@
     },
     {
       "name": "grid-row-start",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -2845,7 +2845,7 @@
     },
     {
       "name": "grid-row-end",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -2869,7 +2869,7 @@
     },
     {
       "name": "grid-column-start",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -2893,7 +2893,7 @@
     },
     {
       "name": "grid-column-end",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -2917,7 +2917,7 @@
     },
     {
       "name": "grid-auto-flow",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<string>"
@@ -3029,7 +3029,7 @@
     },
     {
       "name": "divider-color",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<color>"
@@ -3053,7 +3053,7 @@
     },
     {
       "name": "divider-height",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -3077,7 +3077,7 @@
     },
     {
       "name": "divider-length",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -3101,7 +3101,7 @@
     },
     {
       "name": "divider-origin",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -3125,7 +3125,7 @@
     },
     {
       "name": "columns",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -3149,7 +3149,7 @@
     },
     {
       "name": "item-extent",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length> || <percentage>"
@@ -3173,7 +3173,7 @@
     },
     {
       "name": "fade-color",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<color>"
@@ -3197,7 +3197,7 @@
     },
     {
       "name": "indicator-color",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<color>"
@@ -3221,7 +3221,7 @@
     },
     {
       "name": "indicator-selected-color",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<color>"
@@ -3245,7 +3245,7 @@
     },
     {
       "name": "indicator-size",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -3269,7 +3269,7 @@
     },
     {
       "name": "indicator-top",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length> || <percentage>"
@@ -3293,7 +3293,7 @@
     },
     {
       "name": "indicator-left",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length> || <percentage>"
@@ -3317,7 +3317,7 @@
     },
     {
       "name": "indicator-right",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length> || <percentage>"
@@ -3341,7 +3341,7 @@
     },
     {
       "name": "indicator-bottom",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length> || <percentage>"
@@ -3365,7 +3365,7 @@
     },
     {
       "name": "progress-color",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<color>"
@@ -3389,7 +3389,7 @@
     },
     {
       "name": "object-fit",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "fill | contain | cover | none | scale-down"
@@ -3435,7 +3435,7 @@
     },
     {
       "name": "match-text-direction",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "true | false"
@@ -3467,7 +3467,7 @@
     },
     {
       "name": "fit-original-size",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "true | false"
@@ -3591,7 +3591,7 @@
     },
     {
       "name": "secondary-color",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<color>"
@@ -3615,7 +3615,7 @@
     },
     {
       "name": "scale-width",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -3639,7 +3639,7 @@
     },
     {
       "name": "scale-number",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -3801,7 +3801,7 @@
     },
     {
       "name": "allow-scale",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "[ true | false ]"
@@ -3856,7 +3856,7 @@
     },
     {
       "name": "font-style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "values": [
         {
           "name": "normal"
@@ -3883,7 +3883,7 @@
     },
     {
       "name": "font-weight",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<font-weight-absolute>{1,2}"
@@ -3954,7 +3954,7 @@
     },
     {
       "name": "text-decoration",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "values": [
         {
           "name": "underline",
@@ -3987,32 +3987,32 @@
     },
     {
       "name": "text-align",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "values": [
         {
           "name": "left",
           "description": "The text is left-aligned",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "center",
           "description": "The text is center-aligned",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "right",
           "description": "The text is right-aligned",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "start",
           "description": "The text is aligned with the direction in which the text is written",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "end",
           "description": "The text in aligned with the opposite direction in which the text is written",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "version": [
@@ -4038,7 +4038,7 @@
           "name": "<length>"
         }
       ],
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -4057,7 +4057,7 @@
     },
     {
       "name": "text-overflow",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "[ clip | ellipsis | <string> ]{1,2}"
@@ -4319,7 +4319,7 @@
     },
     {
       "name": "max-lines",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "[<string> | <number>]"
@@ -4348,7 +4348,7 @@
     },
     {
       "name": "min-font-size",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -4372,7 +4372,7 @@
     },
     {
       "name": "max-font-size",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -4396,7 +4396,7 @@
     },
     {
       "name": "font-size-step",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -4420,7 +4420,7 @@
     },
     {
       "name": "prefer-font-sizes",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -4444,7 +4444,7 @@
     },
     {
       "name": "adapt-height",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "true | false"
@@ -4476,7 +4476,7 @@
     },
     {
       "name": "star-background",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<string>"
@@ -4500,7 +4500,7 @@
     },
     {
       "name": "star-foreground",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<string>"
@@ -4524,7 +4524,7 @@
     },
     {
       "name": "star-secondary",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<url>"
@@ -4553,7 +4553,7 @@
     },
     {
       "name": "rtl-flip",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "[ true | false ]"
@@ -4585,7 +4585,7 @@
     },
     {
       "name": "line-cap",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "[ butt | square | round ]"
@@ -4623,7 +4623,7 @@
     },
     {
       "name": "placeholder-color",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<color>"
@@ -4647,7 +4647,7 @@
     },
     {
       "name": "text-color",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<color>"
@@ -4671,7 +4671,7 @@
     },
     {
       "name": "icon-width",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -4695,7 +4695,7 @@
     },
     {
       "name": "icon-height",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -4719,7 +4719,7 @@
     },
     {
       "name": "block-color",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<color>"
@@ -4743,7 +4743,7 @@
     },
     {
       "name": "texton-color",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<color>"
@@ -4767,7 +4767,7 @@
     },
     {
       "name": "textoff-color",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<color>"
@@ -4791,7 +4791,7 @@
     },
     {
       "name": "text-padding",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -4861,7 +4861,7 @@
     },
     {
       "name": "focus-color",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<color>"
@@ -4885,7 +4885,7 @@
     },
     {
       "name": "focus-font-size",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -4909,7 +4909,7 @@
     },
     {
       "name": "colors",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<color>"
@@ -4933,7 +4933,7 @@
     },
     {
       "name": "weights",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -4957,7 +4957,7 @@
     },
     {
       "name": "src",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<url>#"
@@ -4986,7 +4986,7 @@
     },
     {
       "name": "min-width",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -5010,7 +5010,7 @@
     },
     {
       "name": "min-height",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -5034,7 +5034,7 @@
     },
     {
       "name": "max-width",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -5058,7 +5058,7 @@
     },
     {
       "name": "max-height",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<length>"
@@ -5082,7 +5082,7 @@
     },
     {
       "name": "box-shadow",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -5106,7 +5106,7 @@
     },
     {
       "name": "filter",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<string>"
@@ -5130,7 +5130,7 @@
     },
     {
       "name": "backdrop-filter",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<string>"
@@ -5154,7 +5154,7 @@
     },
     {
       "name": "window-filter",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<string>"
@@ -5178,7 +5178,7 @@
     },
     {
       "name": "display-index",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -5202,7 +5202,7 @@
     },
     {
       "name": "flex-weight",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -5226,7 +5226,7 @@
     },
     {
       "name": "aspect-ratio",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "syntax": [
         {
           "name": "<number>"
@@ -5298,7 +5298,7 @@
   "atDirectives": [
     {
       "name": "@import",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -5307,13 +5307,13 @@
       "description": [
         {
           "name": "Includes content of another file.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
     {
       "name": "@keyframes",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -5322,13 +5322,13 @@
       "description": [
         {
           "name": "Defines set of animation key frames.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
     {
       "name": "@font-face",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -5337,13 +5337,13 @@
       "description": [
         {
           "name": "Allows for linking to fonts that are automatically activated when needed. This permits authors to work around the limitation of 'web-safe' fonts, allowing for consistent rendering independent of the fonts available in a given user's environment.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
     {
       "name": "@media",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -5352,7 +5352,7 @@
       "description": [
         {
           "name": "Defines a stylesheet for a particular media type.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     }
@@ -5360,7 +5360,7 @@
   "pseudoClasses": [
     {
       "name": ":active",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -5369,13 +5369,13 @@
       "description": [
         {
           "name": "Represents an element that is being activated by the user.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
     {
       "name": ":checked",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -5384,13 +5384,13 @@
       "description": [
         {
           "name": "Represents an element that is checked or toggled to an on state..",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
     {
       "name": ":waiting",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -5399,13 +5399,13 @@
       "description": [
         {
           "name": "Represents an element that is waiting for operation finished.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
     {
       "name": ":disabled",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -5414,13 +5414,13 @@
       "description": [
         {
           "name": "Represents any disabled element.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
     {
       "name": ":focus",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "version": [
         {
           "name": "v3.0"
@@ -5429,7 +5429,7 @@
       "description": [
         {
           "name": "Represents an element that has received focus.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     }
diff --git a/api/form/hml/basic/block.json b/api/form/hml/basic/block.json
index 9c094d1b863308702c656b509e70737401b17f26..5f1f23e7e2a2e85132a701fe944482a9c20a18ff 100644
--- a/api/form/hml/basic/block.json
+++ b/api/form/hml/basic/block.json
@@ -5,34 +5,34 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "'Logic control block.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
diff --git a/api/form/hml/basic/button.json b/api/form/hml/basic/button.json
index 1d98a2db61a2a9a826c2fc3d31928ad1b4342d97..0c3045be35d3df80c39a68e6bd0b07f871428f20 100644
--- a/api/form/hml/basic/button.json
+++ b/api/form/hml/basic/button.json
@@ -5,22 +5,22 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "The <button> component includes capsule, circle, text, arc, and download buttons.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Dynamic modification is not supported. If this attribute is not set, capsule-like buttons are displayed. Different from the capsule button, the four rounded corners of a capsule-like button can be configured using border-radius. Available button types are as follows: capsule: a capsule button with fillets, background color, and text. circle: a circle button which can be used to place icons. text: a text button which displays the text only. arc: an arc button. download: a download button. The download progress bar is added.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -38,36 +38,36 @@
     },
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Text value of the button. This attribute is unavailable for circle buttons.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "icon",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Path of the button icon. This parameter is valid only for the circle button. The supported icon formatformats are JPG, PNG, and SVG.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "url"
     },
     {
       "name": "placement",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Position of the button icon in text. This attribute is valid only when type is not set. Available values are as follows: start: The button icon is at the beginning of the text. end: The button icon is at the end of the text. top: The button icon is at the top of the text.bottom: The button icon is at the bottom of the text.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -88,12 +88,12 @@
     },
     {
       "name": "waiting",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Waiting status. When waiting is set to true, the waiting transition is displayed on the left of the text. This attribute is unavailable for download buttons and smart watches.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -108,48 +108,48 @@
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -164,24 +164,24 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -199,24 +199,24 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -240,12 +240,12 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -260,72 +260,72 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -340,7 +340,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -355,19 +355,19 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -384,11 +384,11 @@
   "events": [
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "description": [
         {
           "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     }
diff --git a/api/form/hml/basic/calendar.json b/api/form/hml/basic/calendar.json
index 570ae3b929424089f1e2be21160ac9001323a9ac..c90db7fee670e5afe95b723bfa2a7792226ce9bc 100644
--- a/api/form/hml/basic/calendar.json
+++ b/api/form/hml/basic/calendar.json
@@ -5,34 +5,46 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "The <calendar> component displays a calendar.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "date",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "offdays",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "cardcalendar",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -47,36 +59,36 @@
     },
     {
       "name": "startdayofweek",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "calendardata",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "showholiday",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -91,60 +103,60 @@
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -162,24 +174,24 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -203,12 +215,12 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -223,72 +235,72 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -303,7 +315,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -318,19 +330,19 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -347,21 +359,21 @@
   "events": [
     {
       "name": "selectedchange",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "description": [
         {
           "name": "",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
     {
       "name": "requestdata",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "description": [
         {
           "name": "",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     }
diff --git a/api/form/hml/basic/chart.json b/api/form/hml/basic/chart.json
index dc404a19024ff8147f3e53c788db05cdc3fff25d..3e319f6bd20d8f535f3f608a4b888384cffdee22 100644
--- a/api/form/hml/basic/chart.json
+++ b/api/form/hml/basic/chart.json
@@ -5,22 +5,22 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "The <chart> component displays line charts, gauge charts, and bar charts.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Chart type. Dynamic modification is not supported. Available values include: bar: bar chart. line: line chart. gauge: gauge chart (not supported by lite devices).",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -47,24 +47,24 @@
     },
     {
       "name": "options",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Chart parameters. You must set parameters for bar charts and line charts. Parameter settings for gauge charts do not take effect. You can set the minimum value, maximum value, scale, and line width of the x-axis or y-axis, whether to display the x-axis or y-axis, and whether the line is smooth. Dynamic modification is not supported.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "datasets",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Data set. You must set data sets for bar charts and line charts. Data set for a gauge chart does not take effect. You can set multiple datasets and their background colors.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
@@ -103,60 +103,60 @@
     },
     {
       "name": "percent",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Percentage of the current value to the total value. The value ranges from 0 to 100.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "number"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -171,24 +171,24 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -206,24 +206,24 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -247,12 +247,12 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -267,72 +267,72 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -347,7 +347,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -362,19 +362,19 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -391,11 +391,11 @@
   "events": [
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "description": [
         {
           "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     }
diff --git a/api/form/hml/basic/clock.json b/api/form/hml/basic/clock.json
index eb345626ab25e87d959ec52890bfb2542a1d95ab..3e4b339b0c39921509b5aa9fb0c7381b53c52d03 100644
--- a/api/form/hml/basic/clock.json
+++ b/api/form/hml/basic/clock.json
@@ -5,34 +5,34 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "The <clock> component displays a clock.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "clockconfig",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "showdigit",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -47,36 +47,36 @@
     },
     {
       "name": "hourswest",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -94,24 +94,24 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -135,12 +135,12 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -155,72 +155,72 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -235,7 +235,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -250,19 +250,19 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
diff --git a/api/form/hml/basic/divider.json b/api/form/hml/basic/divider.json
index 491be58dc98d3b4553e9874791fb43ec9140a022..c63cd94490b2daeda3938656a1765bc31be48b17 100644
--- a/api/form/hml/basic/divider.json
+++ b/api/form/hml/basic/divider.json
@@ -5,22 +5,22 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "The <divider> component is used to separate content blocks and content elements. It can be used for the list or interface layout.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "vertical",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether to use the vertical divider. The default value is false, indicating that the horizontal divider is used.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -35,60 +35,60 @@
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -106,24 +106,24 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -147,12 +147,12 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -167,72 +167,72 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -247,7 +247,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -262,19 +262,19 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
diff --git a/api/form/hml/basic/image.json b/api/form/hml/basic/image.json
index a3c496c4e9bdf552b03932d1b1e5d3994b554252..9de6cf9277d46104ca4e05927451f20a2452de34 100644
--- a/api/form/hml/basic/image.json
+++ b/api/form/hml/basic/image.json
@@ -5,82 +5,82 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "The <image> component is used to render and display images.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "src",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Image path, which supports both local and cloud paths. The supported image formats include PNG, JPG, SVG, and GIF. Image path. The supported image formats include PNG and JPG.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "url"
     },
     {
       "name": "alt",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Placeholder image displayed during image loading.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -95,24 +95,24 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -130,24 +130,24 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -171,12 +171,12 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -191,72 +191,72 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -271,7 +271,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -286,19 +286,19 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -315,31 +315,31 @@
   "events": [
     {
       "name": "complete",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "description": [
         {
           "name": "Triggered when an image is successfully loaded.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
     {
       "name": "error",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "description": [
         {
           "name": "Triggered when an exception occurs during image loading.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "description": [
         {
           "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     }
diff --git a/api/form/hml/basic/input.json b/api/form/hml/basic/input.json
index fb1ff22b4c7692c681261291252fb2ac05180b17..2de8041790213424bc25cf6dffe0cae1db9ec0c9 100644
--- a/api/form/hml/basic/input.json
+++ b/api/form/hml/basic/input.json
@@ -5,22 +5,22 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "The <input> component provides an interactive interface to receive user input. It can be a radio button, check box, button, single-line text box, etc.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Type of the input component. Available values include text (Rich), email (Rich), date (Rich), time (Rich), number (Rich), password (Rich), button.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -32,12 +32,12 @@
     },
     {
       "name": "checked",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the component is checked or not.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -75,72 +75,72 @@
     },
     {
       "name": "name",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Name of the input component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "value",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Value of the input component. When type is radio, this attribute is mandatory and the value must be unique for radio buttons with the same name.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -155,24 +155,24 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -190,24 +190,24 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -231,12 +231,12 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -251,72 +251,72 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -331,7 +331,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -346,19 +346,19 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -375,21 +375,21 @@
   "events": [
     {
       "name": "change",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "description": [
         {
           "name": "Triggered when the content entered in the text box changes. The latest textsmost recent text entered by the user is returned.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "description": [
         {
           "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     }
diff --git a/api/form/hml/basic/progress.json b/api/form/hml/basic/progress.json
index e008cb0a52e4fc4b8efd89b278dd1b5fdf355b84..9478c1392cd46cd0831383cdce82052aff4ebe32 100644
--- a/api/form/hml/basic/progress.json
+++ b/api/form/hml/basic/progress.json
@@ -5,22 +5,22 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "The <progress> component is used to provide a progress bar that displays the progress of content loading or operation processing.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Type of the progress bar, which cannot be changed dynamically. Available values are as follows: horizontal: linear progress bar. circular (Rich): loading progress bar. ring (Rich): ring progress bar. scale-ring (Rich): ring progress bar with a scale. arc: arc progress bar.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -47,36 +47,36 @@
     },
     {
       "name": "percent",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Current progress. The value ranges from 0 to 100.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "number"
     },
     {
       "name": "secondarypercent",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Secondary progress. The value ranges from 0 to 100.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "number"
     },
     {
       "name": "clockwise",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the ring progress bar uses clockwise.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -91,60 +91,60 @@
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -162,24 +162,24 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -203,12 +203,12 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -223,72 +223,72 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -303,7 +303,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -318,19 +318,19 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -347,11 +347,11 @@
   "events": [
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "description": [
         {
           "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     }
diff --git a/api/form/hml/basic/span.json b/api/form/hml/basic/span.json
index f1c611a8aa58a0b61817010c5a7321d7ddb56c4a..1e3bffc378543a851aa7bd5147811437f07222a2 100644
--- a/api/form/hml/basic/span.json
+++ b/api/form/hml/basic/span.json
@@ -5,70 +5,70 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "The <span> child component of <text> is used as a text modifier.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -86,24 +86,24 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -127,12 +127,12 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -147,72 +147,72 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -227,7 +227,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -242,19 +242,19 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -273,7 +273,7 @@
   "supportedSubComponentsRestriction": [
     {
       "name": "span",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "unSupportSubComponentsRestriction": [],
diff --git a/api/form/hml/basic/text.json b/api/form/hml/basic/text.json
index 2bb842d5a4f57b3626329eb64f33bad9e41e9440..7df9e0931351e2a80f3d97dbda5ef11e03ebd71b 100644
--- a/api/form/hml/basic/text.json
+++ b/api/form/hml/basic/text.json
@@ -5,58 +5,58 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "The <text> component is used to display a piece of textual information.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -71,24 +71,24 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -106,24 +106,24 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -147,12 +147,12 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -167,72 +167,72 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -247,7 +247,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -262,19 +262,19 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -291,11 +291,11 @@
   "events": [
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "description": [
         {
           "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     }
@@ -304,7 +304,7 @@
   "supportedSubComponentsRestriction": [
     {
       "name": "span",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "level": 1
     }
   ],
diff --git a/api/form/hml/container/badge.json b/api/form/hml/container/badge.json
index b4d1fa89927d753eb75ffcd2d3f769568da16944..1ec28ae45348b1cc79bd5ee24af4653f0e559981 100644
--- a/api/form/hml/container/badge.json
+++ b/api/form/hml/container/badge.json
@@ -1,417 +1,417 @@
-{
-  "name": "badge",
-  "version": [
-    {
-      "name": "v4.0"
-    }
-  ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
-  "description": [
-    {
-      "name": "The <badge> component is used to mark new events that require user attention in your application.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
-    }
-  ],
-  "attributes": [
-    {
-      "name": "placement",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Position of a number or dot badge. Available values are as follows: right: on the right border of the component. rightTop: in the upper right corner of the component border.left: on the left border of the component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "left"
-        },
-        {
-          "name": "right"
-        },
-        {
-          "name": "rightTop"
-        }
-      ]
-    },
-    {
-      "name": "count",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Number of notifications displayed via the badge. The default value is 0. If the number of notifications is greater than 0, the badge changes from a dot to the number. If this attribute is not set or the value is less than or equal to 0, the badge is a dot.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "visible",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether to display the badge. The value true means that the badge shows up when a new notification is received. To use a number badge, set the count attribute.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "maxcount",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Maximum number of notifications. When the number of new notifications exceeds the value of this attribute, maxcount+ is displayed, for example, 99+.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "number"
-    },
-    {
-      "name": "config",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Configuration of the badge.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "badgeColor": "#fa2a2d"
-        },
-        {
-          "textColor": "#ffffff"
-        },
-        {
-          "textSize": "10px"
-        },
-        {
-          "badgeSize": "6px"
-        }
-      ]
-    },
-    {
-      "name": "label",
-      "supportedDevices": ["phone", "tablet"],
-      "version": [
-        {
-          "name": "v6.0"
-        }
-      ],
-      "required": false,
-      "description": [
-        {
-          "name": "Sets the text value for the new event alert.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "auto"
-        },
-        {
-          "name": "on"
-        },
-        {
-          "name": "off"
-        }
-      ]
-    },
-    {
-      "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "video"
-        },
-        {
-          "name": "audio"
-        },
-        {
-          "name": "page"
-        },
-        {
-          "name": "switch"
-        },
-        {
-          "name": "common"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    },
-    {
-      "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "required": false,
-      "description": [
-        {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "true"
-        },
-        {
-          "name": "false"
-        }
-      ]
-    }
-  ],
-  "events": [
-    {
-      "name": "click",
-      "supportedDevices": ["phone", "tablet", "wearable"],
-      "description": [
-        {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
-        }
-      ]
-    }
-  ],
-  "supportedSubComponents": true,
-  "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
-  "parentComponentsRestriction": []
+{
+  "name": "badge",
+  "version": [
+    {
+      "name": "v4.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+  "description": [
+    {
+      "name": "The <badge> component is used to mark new events that require user attention in your application.",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "placement",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Position of a number or dot badge. Available values are as follows: right: on the right border of the component. rightTop: in the upper right corner of the component border.left: on the left border of the component.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "left"
+        },
+        {
+          "name": "right"
+        },
+        {
+          "name": "rightTop"
+        }
+      ]
+    },
+    {
+      "name": "count",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Number of notifications displayed via the badge. The default value is 0. If the number of notifications is greater than 0, the badge changes from a dot to the number. If this attribute is not set or the value is less than or equal to 0, the badge is a dot.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "visible",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to display the badge. The value true means that the badge shows up when a new notification is received. To use a number badge, set the count attribute.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "maxcount",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Maximum number of notifications. When the number of new notifications exceeds the value of this attribute, maxcount+ is displayed, for example, 99+.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "config",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Configuration of the badge.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "badgeColor": "#fa2a2d"
+        },
+        {
+          "textColor": "#ffffff"
+        },
+        {
+          "textSize": "10px"
+        },
+        {
+          "badgeSize": "6px"
+        }
+      ]
+    },
+    {
+      "name": "label",
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the text value for the new event alert.",
+          "supportedDevices": ["phone", "tablet"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Style declaration of a component.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the element is added or removed.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "click",
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
+      "description": [
+        {
+          "name": "Triggered when a component is clicked.",
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
 }
\ No newline at end of file
diff --git a/api/form/hml/container/div.json b/api/form/hml/container/div.json
index 49bde464e8ce23bb2de852ad51d37ccd516c5f16..c1dcd0a72dcdc7f96f0a007ee7a9793d367e2509 100644
--- a/api/form/hml/container/div.json
+++ b/api/form/hml/container/div.json
@@ -5,58 +5,58 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "The <div> component is a basic container that is used as the root node of the page structure or is used to group the content.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -71,24 +71,24 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -106,24 +106,24 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -147,12 +147,12 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -167,72 +167,72 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -270,7 +270,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -285,19 +285,19 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -314,11 +314,11 @@
   "events": [
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "description": [
         {
           "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     }
diff --git a/api/form/hml/container/list-item.json b/api/form/hml/container/list-item.json
index 5f0eb16b75ef2be86001796ccc26b725ce49b162..b506d320171640f11abc2976cef1b841bc94dcb9 100644
--- a/api/form/hml/container/list-item.json
+++ b/api/form/hml/container/list-item.json
@@ -5,7 +5,7 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "<list-item> is a child component of <list> and is used to display items in a list.",
@@ -13,30 +13,30 @@
     },
     {
       "name": "<list-item> is a child component of <list> and is used to display items in a list. The width of <list-item> fills that of <list>.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Type of the list-item. A list can contain multiple list-item types. The same type of list-items should have the same view layout after being rendered. If the type is fixed, replace the if attribute with the show attribute to ensure that the view layout remains unchanged.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "section",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Matching string of the item. It takes effect when the indexer is enabled. If this attribute is not specified, the matching string is empty. This attribute cannot be modified dynamically. In a group, only the matching string set for the primary item is valid.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
@@ -48,22 +48,22 @@
       "description": [
         {
           "name": "Matching string of the item. It takes effect when the indexer is enabled. If this attribute is not specified, the matching string is empty. This attribute cannot be modified dynamically. In a group, only the matching string set for the primary item is valid.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
       "options": [
         {
           "name": "none",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "normal",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "opacity",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
@@ -94,48 +94,48 @@
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -150,24 +150,24 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -185,24 +185,24 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -226,12 +226,12 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -246,72 +246,72 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -326,7 +326,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -341,19 +341,19 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -374,7 +374,7 @@
   "parentComponentsRestriction": [
     {
       "name": "list",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ]
 }
diff --git a/api/form/hml/container/list.json b/api/form/hml/container/list.json
index e90b8d36d9f88421af376c8cbe77a929a8a53a1b..ca1c028aec48309198453d939175700b882571ca 100644
--- a/api/form/hml/container/list.json
+++ b/api/form/hml/container/list.json
@@ -5,22 +5,22 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "The <list> component provides a list container that presents a series of list items arranged in a column with the same width. Lists support presentations of the same data in a multiple and coherent row style, for example, images and texts.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "cachedcount",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Minimum number of cached list-items when the long list is loaded with delay. When the number of list-items cached outside the visible area is less than the value of this attribute, a requestitem event is triggered.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "number"
@@ -50,64 +50,64 @@
     },
     {
       "name": "scrollbar",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Display mode of the side scroll bar. (Currently, only the vertical scroll bar is supported.) off: No display; auto: Displayed on demand (The side scroll bar is displayed when you touch it and disappears 2s later.); on: Always displayed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
       "options": [
         {
           "name": "off",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "auto",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "on",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
     {
       "name": "scrolleffect",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Scroll effect. Available values are as follows: spring: Similar to the physical dynamic effect of a spring. After scrolling to the edge, you can continue to scroll for a distance based on the initial speed or by using a touch event. After you release your hand, the screen is rebounded; fade: Similar to the physical dynamic effect of fade. When you scroll to the edge, a wave shape fades. The fade changes according to the speed and scrolling distance; no: No effect after the scroll bar is moved to the edge.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
       "options": [
         {
           "name": "spring",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "fade",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "no",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
     {
       "name": "divider",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether list items are separated by dividers.For details about divider styles, see divider-color, divider-height, divider-length, and divider-origin in the Styles table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -122,38 +122,38 @@
     },
     {
       "name": "shapemode",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Shape of the side scroll bar. default: Not specified (following the theme); rect: Rectangle; round: Circle.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
       "options": [
         {
           "name": "default",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "rect",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         },
         {
           "name": "round",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     },
     {
       "name": "updateeffect",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether a dynamic effect is displayed when an item in the list is deleted or added. false: No dynamic effect is displayed; true: A dynamic effect is displayed when an item is added or deleted.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -168,84 +168,84 @@
     },
     {
       "name": "initialindex",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Item displayed at the start position of the viewport when the current list is loaded for the first time. The default value is 0, indicating that the first item is displayed. If the number you set is greater than the index of the last item, the setting does not take effect. When the initialoffset attribute is set, the current attribute does not take effect.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "number"
     },
     {
       "name": "initialoffset",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "The start offset of the viewport when the current list is loaded for the first time. The offset cannot exceed the scrolling range of the current list. Otherwise, the offset is truncated to the maximum value of the scrolling range.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "length"
     },
     {
       "name": "selected",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Selected item in the current list. The value can be a section value of any list items.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -260,24 +260,24 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -295,24 +295,24 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -336,12 +336,12 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -356,72 +356,72 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -436,7 +436,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -451,19 +451,19 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -482,7 +482,7 @@
   "supportedSubComponentsRestriction": [
     {
       "name": "list-item",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "level": 2
     }
   ],
diff --git a/api/form/hml/container/stack.json b/api/form/hml/container/stack.json
index abcad72293377d7d15a383c535b22dce349b2470..16dee7e67b0aa5aa7299fb52ae59cf9b649a297c 100644
--- a/api/form/hml/container/stack.json
+++ b/api/form/hml/container/stack.json
@@ -5,58 +5,58 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "The <stack> component provides a stack container where child components are successively stacked and the latter one overwrites the previous one.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -71,24 +71,24 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -106,24 +106,24 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -147,12 +147,12 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -167,67 +167,67 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -242,7 +242,7 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "string"
@@ -251,11 +251,11 @@
   "events": [
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "description": [
         {
           "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     }
diff --git a/api/form/hml/container/swiper.json b/api/form/hml/container/swiper.json
index 72c3f7d644e298aa0174ec472ae19c8d544c662a..c6e9f29775819d3e98712424e104beabe9a91bc6 100644
--- a/api/form/hml/container/swiper.json
+++ b/api/form/hml/container/swiper.json
@@ -5,34 +5,34 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "The <swiper> component provides a swiper container that enables the switch of child components.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "index",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Index of the child component currently displayed in the container.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "number"
     },
     {
       "name": "indicator",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether to enable the navigation point indicator. The default value is true.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -47,12 +47,12 @@
     },
     {
       "name": "digital",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether to enable the digital indicator. The default value is false.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -67,12 +67,12 @@
     },
     {
       "name": "indicatordisabled",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether gesture operations are disabled on the indicator. If this attribute is set to true, the indicator does not respond to clicking or dragging operations.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -107,24 +107,24 @@
     },
     {
       "name": "duration",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Duration of the animation played for switching between child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "number"
     },
     {
       "name": "vertical",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the swipe gesture is performed vertically. A vertical swipe uses the vertical indicator. Dynamic modification is not supported.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -139,48 +139,48 @@
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -195,24 +195,24 @@
     },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -230,24 +230,24 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -271,12 +271,12 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -336,72 +336,72 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -439,7 +439,7 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "enum",
@@ -454,19 +454,19 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "enum",
@@ -483,11 +483,11 @@
   "events": [
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "description": [
         {
           "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ]
     }
diff --git a/api/form/hml/custom/element.json b/api/form/hml/custom/element.json
index ebdce29f916fab9876be9ba094e08b09e893b29f..a0e5e29a3ddb7179185e54cc08711f0b8a15e1c4 100644
--- a/api/form/hml/custom/element.json
+++ b/api/form/hml/custom/element.json
@@ -5,34 +5,34 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "wearable"],
+  "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
   "description": [
     {
       "name": "custom component.",
-      "supportedDevices": ["phone", "tablet", "wearable"]
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
     }
   ],
   "attributes": [
     {
       "name": "name",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": false,
       "description": [
         {
           "name": "custom component name.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "string"
     },
     {
       "name": "src",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"],
       "required": true,
       "description": [
         {
           "name": "custom component path.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": ["phone", "tablet", "wearable", "tv", "car"]
         }
       ],
       "type": "url"
diff --git a/api/@internal/component/ets/textPicker.d.ts b/api/liteWearable/@internal/console.d.ts
similarity index 45%
rename from api/@internal/component/ets/textPicker.d.ts
rename to api/liteWearable/@internal/console.d.ts
index 2fe8e232d99c1ecf2cf58b37cd713dfc7ce3d954..fa2c5cc33eeb529c6becdd7be5ce80fde5ec7e0c 100644
--- a/api/@internal/component/ets/textPicker.d.ts
+++ b/api/liteWearable/@internal/console.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * 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
@@ -13,20 +13,34 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
+export declare class console {
+  /**
+   * Prints "debug" logs.
+   * @param message Text to print
+   */
+  static debug(message: string): void;
 
-export declare enum PickerStyle {
-  INLINE = 0,
-  BLOCK,
-  FADE,
-}
+  /**
+   * Prints "log" logs.
+   * @param message Text to print
+   */
+  static log(message: string): void;
 
-interface TextPicker extends CommonMethod<TextPicker> {
-  (options?: {range: string[], value?: string, selected?: number, loop?: boolean, style?: PickerStyle}): TextPicker;
-  defaultPickerItemHeight(value: number): TextPicker;
-  onAccept(callback: (value: string, index: number) => void): TextPicker;
-  onCancel(callback: () => void): TextPicker;
-  onChange(callback: (value: string, index: number) => void): TextPicker;
-}
+  /**
+   * Prints "info" logs.
+   * @param message Text to print
+   */
+  static info(message: string): void;
 
-export declare const TextPickerInterface: TextPicker;
\ No newline at end of file
+  /**
+   * Prints "warn" logs.
+   * @param message Text to print
+   */
+  static warn(message: string): void;
+
+  /**
+   * Prints "error" logs.
+   * @param message Text to print
+   */
+  static error(message: string): void;
+}
diff --git a/api/liteWearable/@internal/featureability.d.ts b/api/liteWearable/@internal/featureability.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..493cc6e6a126a571b58161dd0eed363223d0fac3
--- /dev/null
+++ b/api/liteWearable/@internal/featureability.d.ts
@@ -0,0 +1,102 @@
+/*
+ * 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 IResponse {
+  /**
+   * Peer device ID.
+   */
+  deviceId: string;
+
+  /**
+   * Name of the bundle where the peer ability locates. The name is case sensitive.
+   */
+  bundleName: string;
+
+  /**
+   * Peer ability name, which is case sensitive.
+   */
+  abilityName: string;
+
+  /**
+   * Messages received from the device.
+   */
+  message: string;
+}
+
+export declare class FeatureAbility {
+  /**
+   * Sends messages to the destination device.
+   * @param options Options.
+   */
+  static sendMsg(options: {
+    /**
+     * Destination device ID.
+     */
+    deviceId: string;
+
+    /**
+     * Name of the destination bundle where the ability locates. The name is case sensitive.
+     */
+    bundleName: string;
+
+    /**
+     * Destination ability name, which is case sensitive.
+     */
+    abilityName: string;
+
+    /**
+     * Messages sent to the destination device.
+     * A maximum of 1 KB of data can be transmitted at a time.
+     * If more than 1 KB of data needs to be transmitted, split the messages into multiple parts to transmit.
+     */
+    message?: string;
+
+    /**
+     * Called when the messages are sent successfully.
+     */
+    success?: () => void;
+
+    /**
+     * Called when the messages fail to be sent.
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens for messages sent from other devices.
+   * @param options
+   */
+  static subscribeMsg(options: {
+    /**
+     * Called when the messages are sent successfully.
+     */
+    success?: (data: IResponse) => void;
+
+    /**
+     * Called when the messages fail to be sent.
+     */
+    fail?: (data: string, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels the listening for messages sent from other devices.
+   */
+  static unsubscribeMsg(): void;
+}
diff --git a/api/liteWearable/@internal/global.d.ts b/api/liteWearable/@internal/global.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9dc7311db94ca7c2f19d3c27a519b04b44b9da60
--- /dev/null
+++ b/api/liteWearable/@internal/global.d.ts
@@ -0,0 +1,52 @@
+/*
+ * 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/@internal/component/ets/navigatorView.d.ts b/api/liteWearable/@internal/index.d.ts
similarity index 70%
rename from api/@internal/component/ets/navigatorView.d.ts
rename to api/liteWearable/@internal/index.d.ts
index eabdb77b83569efca671dba6854be9eeefccf819..8712a2be0c6d8bd7db0dfa187cd0f1cfc2af817c 100644
--- a/api/@internal/component/ets/navigatorView.d.ts
+++ b/api/liteWearable/@internal/index.d.ts
@@ -1,22 +1,19 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {CommonMethod} from "./common";
-
-interface NavigationView extends CommonMethod<NavigationView> {
-  (): NavigationView;
-}
-
-export declare const NavigationViewInterface: NavigationView;
+/*
+ * 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/liteWearable/@internal/viewmodel.d.ts b/api/liteWearable/@internal/viewmodel.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cc51a0bd26d5c9742ede696118bc340e1437f898
--- /dev/null
+++ b/api/liteWearable/@internal/viewmodel.d.ts
@@ -0,0 +1,118 @@
+/*
+ * 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;
diff --git a/api/liteWearable/@system.app.d.ts b/api/liteWearable/@system.app.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a25c8d9414277aec135bfea073b516442670cd20
--- /dev/null
+++ b/api/liteWearable/@system.app.d.ts
@@ -0,0 +1,81 @@
+/*
+ * 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;
+}
+
+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.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;
+
+  /**
+   * 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;
+}
diff --git a/api/common/@system.vibrator.d.ts b/api/liteWearable/@system.battery.d.ts
similarity index 52%
rename from api/common/@system.vibrator.d.ts
rename to api/liteWearable/@system.battery.d.ts
index c7e45c54a3cc9449dc24d74a499347e64d760e09..11464e63445836f35212e88aa471955143b10baf 100644
--- a/api/common/@system.vibrator.d.ts
+++ b/api/liteWearable/@system.battery.d.ts
@@ -1,60 +1,59 @@
-/*
- * Copyright (c) 2020 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/**
- *  @devices phone, tablet, wearable, liteWearable
- */
-export interface VibrateOptions {
-  /**
-   * Vibration mode. The value long indicates long vibration, and short indicates short vibration.
-   * The default value is long.
-   * @devices phone, tablet, wearable, liteWearable
-   * @since 3
-   */
-  mode?: "long" | "short";
-
-  /**
-   * Called when success to trigger vibration.
-   * @devices liteWearable
-   * @since 3
-   */
-  success: () => void;
-
-  /**
-   * Called when fail to trigger vibration.
-   * @devices liteWearable
-   * @since 3
-   */
-  fail?: (data: string, code: number) => void;
-
-  /**
-   * Called when the execution is completed.
-   * @devices liteWearable
-   * @since 3
-   */
-  complete?: () => void;
-}
-
-/**
- * @devices phone, tablet, wearable, liteWearable
- */
-export default class Vibrator {
-  /**
-   * Triggers vibration.
-   * @param options Options.
-   * @devices phone, tablet, wearable, liteWearable
-   */
-  static vibrate(options?: VibrateOptions): void;
-}
+/*
+ * 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 BatteryResponse {
+  /**
+   * Whether the battery is being charged
+   * @since 3
+   */
+  charging: boolean;
+
+  /**
+   * Current battery level, which ranges from 0.00 to 1.00
+   * @since 3
+   */
+  level: number;
+}
+
+export interface GetStatusOptions {
+  /**
+   * Called when the current charging state and battery level are obtained.
+   * @since 3
+   */
+  success?: (data: BatteryResponse) => void;
+
+  /**
+   * Called when the current charging state and battery level fail to be obtained.
+   * @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 Battery {
+  /**
+   * Obtains the current charging state and battery level.
+   * @param options Options.
+   */
+  static getStatus(options?: GetStatusOptions): void;
+}
diff --git a/api/liteWearable/@system.brightness.d.ts b/api/liteWearable/@system.brightness.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cbc53e6d5d19936dcac98f704d2e9942f93a80d0
--- /dev/null
+++ b/api/liteWearable/@system.brightness.d.ts
@@ -0,0 +1,182 @@
+/*
+ * 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 BrightnessResponse {
+  /**
+   * Screen brightness, which ranges from 1 to 255.
+   * @since 3
+   */
+  value: number;
+}
+
+export interface BrightnessModeResponse {
+  /**
+   * The value can be 0 or 1.
+   * 0: The screen brightness is manually adjusted.
+   * 1: The screen brightness is automatically adjusted.
+   * @since 3
+   */
+  mode: number;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngineLite
+ */
+export default class Brightness {
+  /**
+   * Obtains the current screen brightness.
+   * @param options Options.
+   */
+  static getValue(options?: {
+    /**
+     * Called when the current screen brightness is obtained.
+     * @since 3
+     */
+    success?: (data: BrightnessResponse) => void;
+
+    /**
+     * Called when the current screen brightness fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets the screen brightness.
+   * @param options Options.
+   */
+  static setValue(options: {
+    /**
+     * Screen brightness.
+     * The value is an integer from 1 to 255.
+     * If the value set is less than or equal to 0, value 1 will be used.
+     * If the value set is greater than 255, value 255 will be used.
+     * If the value set contains decimals, the integral part of the value will be used.
+     * For example, if value 1.8 is set, value 1 will be used.
+     * @since 3
+     */
+    value: number;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the screen brightness adjustment mode.
+   * @param options Options.
+   */
+  static getMode(options?: {
+    /**
+     * Called when the screen brightness adjustment mode is obtained.
+     * @since 3
+     */
+    success?: (data: BrightnessModeResponse) => void;
+
+    /**
+     * Called when the screen brightness adjustment mode fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets the screen brightness adjustment mode.
+   * @param options Options.
+   */
+  static setMode(options: {
+    /**
+     * Screen brightness adjustment mode:
+     * 0: The screen brightness is manually adjusted.
+     * 1: The screen brightness is automatically adjusted.
+     * @since 3
+     */
+    mode: number;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets whether to always keep the screen on.
+   * @param options Options.
+   */
+  static setKeepScreenOn(options: {
+    /**
+     * Whether to always keep the screen on.
+     * @since 3
+     */
+    keepScreenOn: boolean;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/liteWearable/@system.configuration.d.ts b/api/liteWearable/@system.configuration.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1d774e43b2d3560328038a2fc7183458ac8cdace
--- /dev/null
+++ b/api/liteWearable/@system.configuration.d.ts
@@ -0,0 +1,46 @@
+/*
+ * 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:
+   * 1. ltr: The text direction is from left to right.
+   * 2. rtl: The text direction is from right to left.
+   * @since 3
+   */
+  dir: "ltr" | "rtl";
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngineLite
+ */
+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/liteWearable/@system.device.d.ts b/api/liteWearable/@system.device.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..da3ed195608ec9ef12cea983a2f9e106f6aa908e
--- /dev/null
+++ b/api/liteWearable/@system.device.d.ts
@@ -0,0 +1,135 @@
+/*
+ * 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 DeviceResponse {
+  /**
+   * Brand.
+   * @since 3
+   */
+  brand: string;
+
+  /**
+   * Manufacturer.
+   * @since 3
+   */
+  manufacturer: string;
+
+  /**
+   * Model.
+   * @since 3
+   */
+  model: string;
+
+  /**
+   * Product.
+   * @since 3
+   */
+  product: string;
+
+  /**
+   * System language.
+   * @since 4
+   */
+  language: string;
+
+  /**
+   * System region.
+   * @since 4
+   */
+  region: string;
+
+  /**
+   * Window width.
+   * @since 3
+   */
+  windowWidth: number;
+
+  /**
+   * Window height.
+   * @since 3
+   */
+  windowHeight: number;
+
+  /**
+   * Screen density of the device.
+   * @since 4
+   */
+  screenDensity: number;
+
+  /**
+   * Screen shape The options are as follows:
+   * 1. rect: Rectangle screen
+   * 2. circle: Circle screen
+   * @since 4
+   */
+  screenShape: string;
+
+  /**
+   * API version.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  apiVersion: number;
+
+  /**
+   * Device type. The options are as follows:
+   * phone: smartphone
+   * tablet: tablet
+   * tv: smart TV
+   * wearable: wearable
+   * liteWearable: lite wearable
+   * ar: AR
+   * vr: virtual reality
+   * earphones: headset
+   * pc: personal computer
+   * speaker: speaker
+   * smartVision: smart visual device
+   * linkIoT: connection module
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  deviceType: string;
+}
+
+export interface GetDeviceOptions {
+  /**
+   * Called when the device information is obtained.
+   * @since 3
+   */
+  success?: (data: DeviceResponse) => void;
+
+  /**
+   * Called when the device information fails to be obtained.
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngineLite
+ */
+export default class Device {
+  /**
+   * Obtains the device information.
+   * @param options Options.
+   */
+  static getInfo(options?: GetDeviceOptions): void;
+}
diff --git a/api/liteWearable/@system.file.d.ts b/api/liteWearable/@system.file.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..fdbce98685ffd25329bf97927ee67f041a213d54
--- /dev/null
+++ b/api/liteWearable/@system.file.d.ts
@@ -0,0 +1,570 @@
+/*
+ * 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 lite wearables, 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 wearabless, 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/liteWearable/@system.geolocation.d.ts b/api/liteWearable/@system.geolocation.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..233f483a9ae4857a2e1c918350875dd45e259b28
--- /dev/null
+++ b/api/liteWearable/@system.geolocation.d.ts
@@ -0,0 +1,159 @@
+/*
+ * 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 GeolocationResponse {
+  /**
+   * Longitude.
+   * @since 3
+   */
+  longitude: number;
+
+  /**
+   * Latitude.
+   * @since 3
+   */
+  latitude: number;
+
+  /**
+   * Location accuracy.
+   * @since 3
+   */
+  accuracy: number;
+
+  /**
+   * Time when the location is obtained.
+   * @since 3
+   */
+  time: number;
+}
+
+export interface GetLocationTypeResponse {
+  /**
+   * Available location types, ['gps']
+   * @since 3
+   */
+  types: Array<string>;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngineLite
+ */
+export default class Geolocation {
+  /**
+   * Obtains the geographic location.
+   * @param options Options.
+   */
+  static getLocation(options?: {
+    /**
+     * Timeout duration, in milliseconds. The default value is 180000.
+     * The timeout duration is necessary in case no result is returned
+     * if the request to obtain the geographic location is rejected for the lack of the required permission,
+     * weak positioning signal, or incorrect location settings.
+     * After the timeout duration expires, the fail function will be called.
+     * The value is a 32-digit positive integer.
+     * If the value set is less than or equal to 0, the default value will be used.
+     * @since 3
+     */
+    timeout?: number;
+
+    /**
+     * Coordinate system type.
+     * Available types can be obtained using getSupportedCoordTypes.
+     * The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographic location is obtained.
+     * @since 3
+     */
+    success?: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the supported location types.
+   * @param options Options.
+   */
+  static getLocationType(options?: {
+    /**
+     * Called when the location types are obtained
+     * @since 3
+     */
+    success?: (data: GetLocationTypeResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to the geographical location.
+   * If this method is called multiple times, the last call takes effect.
+   * @param options Options.
+   */
+  static subscribe(options: {
+    /**
+     * Coordinate system type.
+     * Available types can be obtained using getSupportedCoordTypes.
+     * The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called whenever the geographical location changes.
+     * @since 3
+     */
+    success: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to the geographical location.
+   */
+  static unsubscribe(): void;
+
+  /**
+   * Obtains coordinate system types supported by the device.
+   * @returns A string array of the supported coordinate system types.
+   */
+  static getSupportedCoordTypes(): Array<string>;
+}
diff --git a/api/liteWearable/@system.router.d.ts b/api/liteWearable/@system.router.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6435e2e6930ef8268b9059d2bab8fd478d57d5bc
--- /dev/null
+++ b/api/liteWearable/@system.router.d.ts
@@ -0,0 +1,47 @@
+/*
+ * 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/liteWearable/@system.storage.d.ts b/api/liteWearable/@system.storage.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3c75bd00b6cd76c15499d145f86b7081446421a7
--- /dev/null
+++ b/api/liteWearable/@system.storage.d.ts
@@ -0,0 +1,150 @@
+/*
+ * 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.
+ */
+
+/**
+ * @Syscap SysCap.ACE.UIEngineLite
+ */
+export default class Storage {
+  /**
+   * Reads the stored content.
+   * @param options Options.
+   */
+  static get(options: {
+    /**
+     * Content index.
+     * The value contains a maximum of 32 characters and cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * @since 3
+     */
+    key: string;
+
+    /**
+     * Default value returned when the key does not exist.
+     * If this parameter is not specified, an empty string is returned.
+     * @since 3
+     */
+    default?: string;
+
+    /**
+     * Called when the stored content is read successfully.
+     * @since 3
+     */
+    success?: (data: string) => void;
+
+    /**
+     * Called when the stored content fails to be read.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Modifies the stored content.
+   * @param options Options.
+   */
+  static set(options: {
+    /**
+     * Index of the stored content to be modified.
+     * The value contains a maximum of 32 characters and cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * @since 3
+     */
+    key: string;
+
+    /**
+     * Target storage content.
+     * If the content is an empty string, the data item with the key as the index will be deleted.
+     * @since 3
+     */
+    value: string;
+
+    /**
+     * Called when the stored content is modified successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the stored content fails to be modified.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Clears the stored content.
+   * @param options Options.
+   */
+  static clear(options?: {
+    /**
+     * Called when the stored content is cleared successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the stored content fails to be cleared.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Deletes the stored content.
+   * @param options Options.
+   */
+  static delete(options: {
+    /**
+     * Content index.
+     * The value contains a maximum of 32 characters and cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * @since 3
+     */
+    key: string;
+
+    /**
+     * Called when the stored content is deleted successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the stored content fails to be deleted.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/notification/notificationActionButton.d.ts b/api/notification/notificationActionButton.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..39cc3db49ea37fe7a708c51f36b0854e14ce90a9
--- /dev/null
+++ b/api/notification/notificationActionButton.d.ts
@@ -0,0 +1,41 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License"),
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http?://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { WantAgent } from '../@ohos.wantAgent';
+
+/**
+ * Describes an action button displayed in a notification.
+ * @name NotificationActionButton
+ * @since 7
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ * @sysCap SystemCapability.Notification.ANS
+ */
+export interface NotificationActionButton {
+  /**
+   * Button title.
+   */
+  title: string;
+
+  /**
+   * WantAgent of the button.
+   */
+  wantAgent: WantAgent;
+
+  /**
+   * Extra information of the button.
+   */
+  extras?: {[key: string]: any};
+}
diff --git a/api/notification/notificationContent.d.ts b/api/notification/notificationContent.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d2cc36ebdc6e98670dfc6dc78c3071da0564e4f5
--- /dev/null
+++ b/api/notification/notificationContent.d.ts
@@ -0,0 +1,156 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import notification from '../@ohos.notification';
+import image from './@ohos.multimedia.image';
+/**
+ * Describes a normal text notification.
+ *
+ * @name NotificationBasicContent
+ * @since 7
+ * @sysCap SystemCapability.Notification.ANS
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ */
+export interface NotificationBasicContent {
+  /**
+   * Title of the normal text notification.
+   */
+  title: string;
+
+  /**
+   * Content of the normal text notification.
+   */
+  text: string;
+
+  /**
+   * Additional information of the normal text notification.
+   */
+  additionalText?: string;
+}
+
+/**
+ * Describes a long text notification.
+ *
+ * @name NotificationLongTextContent
+ * @since 7
+ * @sysCap SystemCapability.Notification.ANS
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ */
+export interface NotificationLongTextContent extends NotificationBasicContent {
+  /**
+   * Long text content of the notification.
+   */
+  longText: string;
+
+  /**
+   * Brief text of the long text notification.
+   */
+  briefText: string;
+
+  /**
+   * Title that will be displayed for the long text notification when it is expanded.
+   */
+  expandedTitle: string;
+}
+
+/**
+ * Describes a multi-line text notification.
+ *
+ * @name NotificationMultiLineContent
+ * @since 7
+ * @sysCap SystemCapability.Notification.ANS
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ */
+export interface NotificationMultiLineContent extends NotificationBasicContent {
+  /**
+   * Brief text of the multi-line text notification.
+   */
+  briefText: string;
+
+  /**
+   * Brief text of the multi-line text notification.
+   */
+  longTitle: string;
+
+  /**
+   * Multi-line content of the multi-line text notification.
+   */
+  lines: Array<string>;
+}
+
+/**
+ * Describes a picture-attached notification.
+ *
+ * @name NotificationPictureContent
+ * @since 7
+ * @sysCap SystemCapability.Notification.ANS
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ */
+export interface NotificationPictureContent extends NotificationBasicContent {
+  /**
+   * Multi-line content of the multi-line text notification.
+   */
+  briefText: string;
+
+  /**
+   * Title that will be displayed for the picture-attached notification when it is expanded.
+   */
+  expandedTitle: string;
+
+  /**
+   * Picture to be included in a notification.
+   */
+  picture: image.PixelMap;
+}
+
+/**
+ * Describes notification types.
+ *
+ * @name NotificationContent
+ * @since 7
+ * @sysCap SystemCapability.Notification.ANS
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ */
+export interface NotificationContent {
+  /**
+   * Notification content type.
+   */
+  contentType: notification.ContentType;
+
+  /**
+   * Normal text notification.
+   */
+  normal?: NotificationBasicContent;
+
+  /**
+   * Long text notification.
+   */
+  longText?: NotificationLongTextContent;
+
+  /**
+   * Multi-line text notification.
+   */
+  multiLine?: NotificationMultiLineContent;
+
+  /**
+   * Picture-attached notification.
+   */
+  picture?: NotificationPictureContent;
+}
diff --git a/api/notification/notificationRequest.d.ts b/api/notification/notificationRequest.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b7e6575057d9b8eaf3e11c0bf7ab21d13628bf5f
--- /dev/null
+++ b/api/notification/notificationRequest.d.ts
@@ -0,0 +1,168 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License"),
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http?://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import notification from '../@ohos.notification';
+import image from '../@ohos.multimedia.image';
+import { WantAgent } from '../@ohos.wantAgent';
+import { NotificationContent } from './notificationContent';
+import { NotificationActionButton } from './notificationActionButton';
+
+/**
+ * Defines a NotificationRequest instance.
+ *
+ * @name NotificationRequest
+ * @since 7
+ * @sysCap SystemCapability.Notification.ANS
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ */
+export interface NotificationRequest {
+  /**
+   * Notification content.
+   */
+  content: NotificationContent;
+
+  /**
+   * Notification ID.
+   */
+  id?: number;
+
+  /**
+   * Notification slot type.
+   */
+  slotType?: notification.SlotType;
+
+  /**
+   * Whether the notification is an ongoing notification.
+   */
+  isOngoing?: boolean;
+
+  /**
+   * Whether the notification can be removed.
+   */
+  isUnremovable?: boolean;
+
+  /**
+   * Time when the notification is sent.
+   */
+  deliveryTime?: number;
+
+  /**
+   * Whether the notification is automatically cleared.
+   */
+  tapDismissed?: boolean;
+
+  /**
+   * Time when the notification is automatically cleared.
+   */
+  autoDeletedTime?: number;
+
+  /**
+   * WantAgent instance to which the notification will be redirected after being clicked.
+   */
+  wantAgent?: WantAgent;
+
+  /**
+   * Extended parameter.
+   */
+  extraInfo?: {[key: string]: any};
+
+  /**
+   * Background color of the notification.
+   */
+  color?: number;
+
+  /**
+   * Whether the notification background color can be enabled.
+   */
+  colorEnabled?: boolean;
+
+  /**
+   * Whether the notification triggers an alert only once.
+   */
+  isAlertOnce?: boolean;
+
+  /**
+   * Whether to display the stopwatch.
+   */
+  isStopwatch?: boolean;
+
+  /**
+   * Whether to display the countdown time.
+   */
+  isCountDown?: boolean;
+
+  /**
+   * Whether the notification is displayed as a floating icon.
+   */
+  isFloatingIcon?: boolean;
+
+  /**
+   * Notification label.
+   */
+  label?: string;
+
+  /**
+   * Notification badge type.
+   */
+  badgeIconStyle?: number;
+
+  /**
+   * Whether to display the time when the notification is delivered.
+   */
+  showDeliveryTime?: boolean;
+
+  /**
+   * Buttons in the notification. Up to two buttons are allowed.
+   */
+  actionButtons?: Array<NotificationActionButton>;
+
+  /**
+   * Small notification icon.
+   */
+  smallIcon?: image.PixelMap;
+
+  /**
+   * Large notification icon.
+   */
+  largeIcon?: image.PixelMap;
+
+  /**
+   * Read-only name of the package for which a notification is created.
+   */
+  readonly creatorBundleName?: string;
+
+  /**
+   * Read-only UID of the notification creator.
+   */
+  readonly creatorUid?: number;
+
+  /**
+   * Read-only PID of the notification creator.
+   */
+  readonly creatorPid?: number;
+
+  /**
+   * Obtains the classification of this notification.
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  classification?: string;
+
+  /**
+   * Obtains the unique hash code of a notification in the current application.
+   */
+  readonly hashCode?: string;
+}
diff --git a/api/notification/notificationSlot.d.ts b/api/notification/notificationSlot.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..82ff360f74f57ce33f6749c346ba2e29f15019eb
--- /dev/null
+++ b/api/notification/notificationSlot.d.ts
@@ -0,0 +1,82 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License"),
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import notification from '../@ohos.notification';
+
+/**
+ * Describes a NotificationSlot instance.
+ *
+ * @name NotificationSlot
+ * @since 7
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ * @sysCap SystemCapability.Notification.ANS
+ */
+export interface NotificationSlot {
+  /**
+   * Obtains the type of a notification slot.
+   */
+  type: notification.SlotType;
+
+  /**
+   * Obtains the level of a notification slot
+   */
+  level?: notification.SlotLevel;
+
+  /**
+   * Obtains the description of a notification slot.
+   */
+  desc?: string;
+
+  /**
+   * Obtains the application icon badge status of a notification slot.
+   */
+  badgeFlag?: boolean;
+
+  /**
+   * Obtains whether DND mode is bypassed for a notification slot.
+   */
+  bypassDnd?: boolean;
+
+  /**
+   * Whether and how to display notifications on the lock screen.
+   */
+  lockscreenVisibility?: number;
+
+  /**
+   * Obtains the vibration status of the notification slot.
+   */
+  vibrationEnabled?: boolean;
+
+  /**
+   * Obtains the prompt tone of the notification slot.
+   */
+  sound?: string;
+
+  /**
+   * Obtains whether the notification light is enabled in a notification slot.
+   */
+  lightEnabled?: boolean;
+
+  /**
+   * Obtains the color of the notification light in a notification slot.
+   */
+  lightColor?: number;
+
+  /**
+   * Obtains the vibration style of notifications in this notification slot.
+   */
+  vibrationValues?: Array<number>;
+}
diff --git a/api/notification/notificationSorting.d.ts b/api/notification/notificationSorting.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a4d917145141ce36f5f9f2ca5e153cc738ccd152
--- /dev/null
+++ b/api/notification/notificationSorting.d.ts
@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License"),
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { NotificationSlot } from './notificationSlot';
+
+/**
+ * Provides sorting information about an active notification.
+ *
+ * @name NotificationSorting
+ * @sysCap SystemCapability.Notification.ANS
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ * @systemapi Hide this for inner system use.
+ * @since 7
+ */
+export interface NotificationSorting {
+  readonly slot: NotificationSlot;
+  readonly hashCode: string;
+  readonly ranking: number;
+}
\ No newline at end of file
diff --git a/api/notification/notificationSortingMap.d.ts b/api/notification/notificationSortingMap.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2b2a73b4e4daf6f7bd9f1eaf407bf1346e6081b3
--- /dev/null
+++ b/api/notification/notificationSortingMap.d.ts
@@ -0,0 +1,31 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License"),
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { NotificationSorting } from './notificationSorting';
+
+/**
+ * Provides sorting information about the active notifications among all the notifications that have been subscribed to
+ *
+ * @name NotificationSortingMap
+ * @since 7
+ * @sysCap SystemCapability.Notification.ANS
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ * @systemapi Hide this for inner system use.
+ */
+interface NotificationSortingMap {
+  readonly sortings: {[key: string]: NotificationSorting};
+  readonly sortedHashCode: Array<string>;
+}
\ No newline at end of file
diff --git a/api/app/installresult.d.ts b/api/notification/notificationSubscribeInfo.d.ts
old mode 100755
new mode 100644
similarity index 56%
rename from api/app/installresult.d.ts
rename to api/notification/notificationSubscribeInfo.d.ts
index 625cb1c8153ef2b99eb92d688d0143d469c3edd0..d7ee89bd9a53c526aec7dfcdbff571c80d199996
--- a/api/app/installresult.d.ts
+++ b/api/notification/notificationSubscribeInfo.d.ts
@@ -1,35 +1,29 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/**
- * @name InstallResult
- * @since 6
- * @SysCap appexecfwk
- * @import NA
- * @permission NA
- * @devices phone
- * @testapi
- */
-export interface InstallResult {
-    /**
-     * The install result string message.
-     *
-     * @default -
-     * @devices phone, tablet
-     * @since 6
-     * @SysCap BMS
-     */
-     installResultMsg: string;
-}
+/*
+ * 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.
+ */
+
+/**
+ * Sets filter criteria of publishers for subscribing to desired notifications.
+ *
+ * @name NotificationSubscribeInfo
+ * @since 7
+ * @sysCap SystemCapability.Notification.ANS
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ * @systemapi Hide this for inner system use.
+ */
+export interface NotificationSubscribeInfo {
+  bundleNames?: Array<string>;
+  userId?: number;
+}
\ No newline at end of file
diff --git a/api/notification/notificationSubscriber.d.ts b/api/notification/notificationSubscriber.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a659a9d0f17b31028603b3228d257116df9a78ba
--- /dev/null
+++ b/api/notification/notificationSubscriber.d.ts
@@ -0,0 +1,58 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License"),
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { NotificationRequest } from './notificationRequest';
+import { NotificationSortingMap } from './notificationSortingMap';
+import notification from '../@ohos.notification';
+
+/**
+ * Provides methods that will be called back when the subscriber receives a new notification or
+ * a notification is canceled.
+ *
+ * @name NotificationSubscriber
+ * @sysCap SystemCapability.Notification.ANS
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ * @systemapi Hide this for inner system use.
+ * @since 7
+ */
+export interface NotificationSubscriber {
+  onConsume?:(data: SubscribeCallbackData) => void;
+  onCancel?:(data: SubscribeCallbackData) => void;
+  onUpdate?:(data: NotificationSortingMap) => void;
+  onConnect?:() => void;
+  onDisconnect?:() => void;
+  onDestroy?:() => void;
+  onDisturbModeChange?:(mode: notification.DoNotDisturbMode) => void;
+}
+
+/**
+ * Provides methods that will be called back when the subscriber receives a new notification or
+ * a notification is canceled.
+ *
+ * @name SubscribeCallbackData
+ * @sysCap SystemCapability.Notification.ANS
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ * @systemapi Hide this for inner system use.
+ * @since 7
+ */
+export interface SubscribeCallbackData {
+  readonly request: NotificationRequest;
+  readonly sortingMap?: NotificationSortingMap;
+  readonly reason?: number;
+  readonly sound?: string;
+  readonly vibrationValues?: Array<number>;
+}
\ No newline at end of file
diff --git a/api/phone/@internal/console.d.ts b/api/phone/@internal/console.d.ts
old mode 100755
new mode 100644
index f5b162005f4ca6ef08897a1cb5ebb3445d9de528..a89f67bb0d4c1a7891e03c9c5aef61c6bfc04e57
--- a/api/phone/@internal/console.d.ts
+++ b/api/phone/@internal/console.d.ts
@@ -18,29 +18,29 @@ export declare class console {
    * Prints "debug" logs.
    * @param message Text to print.
    */
-  static debug(message: string): void;
+  static debug(message: string, ...arguments: any[]): void;
 
   /**
    * Prints "log" logs.
    * @param message Text to print.
    */
-  static log(message: string): void;
+  static log(message: string, ...arguments: any[]): void;
 
   /**
    * Prints "info" logs.
    * @param message Text to print.
    */
-  static info(message: string): void;
+  static info(message: string, ...arguments: any[]): void;
 
   /**
    * Prints "warn" logs.
    * @param message Text to print.
    */
-  static warn(message: string): void;
+  static warn(message: string, ...arguments: any[]): void;
 
   /**
    * Prints "error" logs.
    * @param message Text to print.
    */
-  static error(message: string): void;
+  static error(message: string, ...arguments: any[]): void;
 }
diff --git a/api/phone/@internal/featureability.d.ts b/api/phone/@internal/featureability.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f9ba85a227f0dcbafdb4f50535250aa1c74d82c8
--- /dev/null
+++ b/api/phone/@internal/featureability.d.ts
@@ -0,0 +1,204 @@
+/*
+ * 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 Result {
+  /**
+   * Result code.
+   */
+  code: number;
+
+  /**
+   * Returned data.
+   */
+  data: object;
+}
+
+export interface CallAbilityParam {
+  /**
+   * Name of the bundle where the ability locates. The name is case sensitive and must be the same as that on the AA side.
+   */
+  bundleName: string;
+  /**
+   * Ability name, which is case sensitive and must be the same as that on the AA side.
+   */
+  abilityName: string;
+  /**
+   * Ability operation code, which defines the service function of an AA and must be consistent with the AA side.
+   */
+  messageCode: number;
+  /**
+   * Ability type. Different types of abilities have different implementation on the AA side.
+   * 0: Ability, which has an independent lifecycle. The FA starts and requests an AA through an RPC. Such type of abilities are used to provide basic services for multiple FAs to call or are used when the abilities should run in the background.
+   * 1: Internal ability, which shares the same process with the FA and communicates with it by calling internal functions. Such type of abilities are used in scenarios that require low response latency and cannot be called by other FAs.
+   */
+  abilityType: number;
+  /**
+   * Data sent to the ability. The data to carry differs depending on the service to be processed and its field name must be consistent with the AA side.
+   */
+  data?: object;
+  /**
+   * Whether the request is synchronous or asynchronous. The synchronous mode is used by default. Currently, the asynchronous mode is available only for internal abilities.
+   * 0: Synchronous mode (default value)
+   * 1: Asynchronous mode
+   */
+  syncOption?: number;
+}
+
+export interface SubscribeAbilityEventParam {
+  /**
+   * Name of the bundle where the ability locates. The name is case sensitive and must be the same as that on the AA side.
+   */
+  bundleName: string;
+  /**
+   * Ability name, which is case sensitive and must be the same as that on the AA side.
+   */
+  abilityName: string;
+  /**
+   * Ability operation code, which defines the service function of an AA and must be consistent with the AA side.
+   */
+  messageCode: number;
+  /**
+   * Ability type. Different types of abilities have different implementation on the AA side.
+   * 0: Ability, which has an independent lifecycle. The FA starts and requests an AA through an RPC. Such type of abilities are used to provide basic services for multiple FAs to call or are used when the abilities should run in the background.
+   * 1: Internal ability, which shares the same process with the FA and communicates with it by calling internal functions. Such type of abilities are used in scenarios that require low response latency and cannot be called by other FAs.
+   */
+  abilityType: number;
+  /**
+   * Whether the request is synchronous or asynchronous. The synchronous mode is used by default. Currently, the asynchronous mode is available only for internal abilities.
+   * 0: Synchronous mode (default value)
+   * 1: Asynchronous mode
+   */
+  syncOption?: number;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface RequestParams {
+  /**
+   * The name of the bundle to start. It should be used with abilityname and case sensitive.
+   * @devices tv, phone, tablet, wearable
+   */
+  bundleName?: string;
+  /**
+   * Ability name, which is case sensitive.
+   * @devices tv, phone, tablet, wearable
+   */
+  abilityName?: string;
+  /**
+   * The list of entities to which the FA to be called. If it is not filled in, all entity lists will be found by default. It should be used with action.
+   * @devices tv, phone, tablet, wearable
+   */
+  entities?: Array<string>;
+  /**
+   * Without specifying the bundle name and ability name, you can start the application according to other properties with action.
+   * @devices tv, phone, tablet, wearable
+   */
+  action?: string;
+  /**
+   * If more than one FA meets the conditions, the user can select the device from the popup.
+   * 0: Default. Select the FA to start from the local and remote devices.
+   * 1: start FA from the local device.
+   * @devices tv, phone, tablet, wearable
+   */
+  deviceType?: number;
+  /**
+   * Data sent to the ability which need to be serializable.
+   * @devices tv, phone, tablet, wearable
+   */
+  data?: object;
+  /**
+   * Configuration switch when start FA.
+   * @devices tv, phone, tablet, wearable
+   */
+  flag?: number;
+  /**
+   * Specify the url of the page which the FA to be called. Use home page directly by default.
+   * @devices tv, phone, tablet, wearable
+   */
+  url?: string;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface FinishWithResultParams {
+  /**
+   * Result code.
+   * @devices tv, phone, tablet, wearable
+   */
+  code: number;
+
+  /**
+   * Returned data.
+   * @devices tv, phone, tablet, wearable
+   */
+  result: object;
+}
+
+export declare class FeatureAbility {
+  /**
+   * Start a FA without callback result.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result of whether to call Ability's interface successfully.
+   * @devices tv, phone, tablet, wearable
+   */
+  static startAbility(request: RequestParams): Promise<Result>;
+
+  /**
+   * Start a FA with callback result.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result of the data FA returned.
+   * @devices tv, phone, tablet, wearable
+   */
+  static startAbilityForResult(request: RequestParams): Promise<Result>;
+
+  /**
+   * FA call the interface to destory itself and set the result as parameters.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result whether to callback successfully.
+   * @devices tv, phone, tablet, wearable
+   */
+  static finishWithResult(param: FinishWithResultParams): Promise<Result>;
+
+  /**
+   * Calls an AA.
+   * @param param Indicates the request param.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   */
+  static callAbility(param: CallAbilityParam): Promise<string>;
+
+  /**
+   * Start FA migration.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   * @devices tv, phone, tablet, wearable
+   */
+  static continueAbility(): Promise<Result>;
+
+  /**
+   * Subscribes to events of an AA.
+   * @param param Indicates the request param.
+   * @param func Indicates the event reporting callback.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   */
+  static subscribeAbilityEvent(param: SubscribeAbilityEventParam, func: Function): Promise<string>;
+
+  /**
+   * Unsubscribes from events of an AA.
+   * @param param Indicates the request param.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   */
+  static unsubscribeAbilityEvent(param: SubscribeAbilityEventParam): Promise<string>;
+}
diff --git a/api/phone/@internal/global.d.ts b/api/phone/@internal/global.d.ts
old mode 100755
new mode 100644
index 38e909a05af0b262db86a5db148592cbb3768edf..1ba01581adce620a77eddfa23be95dff40f52ff7
--- a/api/phone/@internal/global.d.ts
+++ b/api/phone/@internal/global.d.ts
@@ -43,6 +43,34 @@ export declare function clearInterval(intervalID?: number): void;
  */
 export declare function clearTimeout(timeoutID?: number): void;
 
+/**
+ * Get the java interface instance. The java instance needs to register, otherwise it cannot be obtained.
+ * After obtaining the instance, you can call the function with the same name on the Java side.
+ * @param name Java interface name, including package path, such as com.example.test.timeinterfaceimpl.
+ * @returns A promise object is returned. The resolve callback is the object of PA. The reject callback returns the object containing code and error data
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ * @since 3
+ */
+export declare function createLocalParticleAbility(name?: string): any;
+
+/**
+ * Sets a vsync after which a function will be executed.
+ * @param handler Indicates the function to be called when the vsync trigger.
+ */
+export declare function requestAnimationFrame(handler: Function): number;
+
+/**
+ * Cancels the vsync callback set by "requestAnimationFrame()".
+ * @param requestId Indicates the vsync callback ID returned by "requestAnimationFrame()".
+ */
+export declare function cancelAnimationFrame(requestId: 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().
  */
@@ -86,3 +114,59 @@ export declare class ImageData {
    */
   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
old mode 100755
new mode 100644
diff --git a/api/phone/@internal/viewmodel.d.ts b/api/phone/@internal/viewmodel.d.ts
old mode 100755
new mode 100644
index 190c9970a1c41c8a876d6b7f0895cb7e19724b31..cf357da91800da27d3e2315698d94920ba95773b
--- a/api/phone/@internal/viewmodel.d.ts
+++ b/api/phone/@internal/viewmodel.d.ts
@@ -14,11 +14,27 @@
  */
 
 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.
@@ -28,6 +44,22 @@ export interface AnimateStyle {
    * 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.
@@ -53,7 +85,7 @@ export interface AnimateStyle {
   /**
    * Transformation type applied to an element.
    */
-  transform: object;
+  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.
@@ -62,6 +94,154 @@ export interface AnimateStyle {
   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.
@@ -72,6 +252,7 @@ export interface AnimateOptions {
   /**
    * 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).
@@ -85,9 +266,10 @@ export interface AnimateOptions {
    * 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 linear.
+   * The default value is ease.
    */
   easing: string;
+
   /**
    * Delay for the animation start. The default value indicates no delay.
    * The default value is 0.
@@ -100,12 +282,18 @@ export interface AnimateOptions {
    */
   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";
+  fill: "none" | "forwards" | "backwards" | "both";
 }
 
 export interface AnimationResult {
@@ -149,6 +337,10 @@ export interface AnimationResult {
    * Plays the animation in reverse direction.
    */
   reverse(): void;
+  /**
+   * The animation is started.
+   */
+  onstart: () => void;
   /**
    * The animation is finished.
    */
@@ -157,6 +349,10 @@ export interface AnimationResult {
    * The animation is canceled.
    */
   oncancel: () => void;
+  /**
+   * The animation is repeated.
+   */
+  onrepeat: () => void;
 }
 
 export interface Element {
@@ -188,6 +384,30 @@ export interface Element {
     keyframes: Array<AnimateStyle>,
     options: AnimateOptions
   ): AnimationResult;
+
+  /**
+   * Obtains the size and position of the element.
+   * @returns RectObj the size position of the element.
+   */
+  getBoundingClientRect(): RectObj;
+
+  /**
+   * If 0.5 is returned, 50% of the current component is visible.
+   * @param radios Scope of Monitoring components.
+   */
+  createIntersectionObserver(param: { ratios: Array<number> }): observer;
+}
+
+export interface observer {
+  /**
+   * Turn on the listener.
+   */
+  observe(callback: string): void;
+
+  /**
+   * Turn off the listenerr.
+   */
+  unobserve(): void;
 }
 
 /**
@@ -329,6 +549,52 @@ export interface SwiperElement extends Element {
   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.
  */
@@ -444,6 +710,11 @@ export interface InputElement extends Element {
    * @param param
    */
   showError(param: { error: string }): void;
+
+  /**
+   * Deletes the previous character at the cursor position.
+   */
+  delete(): void;
 }
 
 /**
@@ -512,6 +783,11 @@ export interface VideoElement extends Element {
    * Requests to exit the full screen mode.
    */
   exitFullscreen(): void;
+
+  /**
+   * Requests to stop playing a video.
+   */
+  stop(): void;
 }
 
 export interface TextMetrics {
@@ -519,21 +795,18 @@ export interface TextMetrics {
 }
 
 /**
- * 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.
+ * 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 CanvasRenderingContext2D {
+export interface OffscreenCanvasRenderingContext2D {
   /**
-   * 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.
+   * Gets the dotted spacing of a line.
+   * Returns the current line segment style array containing an even number of non-negative numbers.
    */
-  fillRect(x: number, y: number, width: number, height: number): void;
+  getLineDash: Array<number>;
 
   /**
-   * Sets the style of a paint to fill an area.
+   * 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.
@@ -541,174 +814,622 @@ export interface CanvasRenderingContext2D {
   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.
+   * 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.
    */
-  clearRect(x: number, y: number, width: number, height: number): void;
+  strokeStyle?: string | CanvasGradient | CanvasPattern;
 
   /**
-   * 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.
+   * 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).
    */
-  strokeRect(x: number, y: number, width: number, height: number): void;
+  setLineDash(segments: Array<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.
+   * 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.
    */
-  fillText(text: string, x: number, y: number): void;
+  drawImage(image: Image, dx: number, dy: number, dw: number, dh: 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.
+   * 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.
    */
-  strokeText(text: string, x: number, y: number): void;
+  drawImage(image: Image, sx: number, sy: number, sw: number, sh: number, dx: number, dy: number, dw: number, dh: 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.
+   * Creates a drawing path.
    */
-  measureText(text: string): TextMetrics;
+  beginPath(): void;
 
   /**
-   * Sets the width of a line.
+   * Crop the current canvas.
    */
-  lineWidth?: number;
+  clip(): void;
 
   /**
-   * 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.
+   * Fills the current canvas with color.
    */
-  strokeStyle?: string | CanvasGradient | CanvasPattern;
+  fill(): void;
 
   /**
-   * Draws a border stroke.
+   * 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.
    */
-  stroke(): void;
+  isPointInPath(x: number, y: number): boolean;
 
   /**
-   * Creates a drawing path.
+   * 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.
    */
-  beginPath(): void;
+  isPointInPath(path: Path2D, x: number, y: number): boolean;
 
   /**
-   * 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.
+   * 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.
    */
-  moveTo(x: number, y: number): void;
+  isPointInStroke(x: number, y: number): boolean;
 
   /**
-   * 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.
+   * 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.
    */
-  lineTo(x: number, y: number): void;
+  isPointInStroke(path: Path2D, x: number, y: number): boolean;
 
   /**
-   * Draws a closed path.
+   * Stroke draws the current path.
    */
-  closePath(): void;
+  stroke(): 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.
+   * Stroke draws the current path.
+   * @param path The object of Path2D.
    */
-  lineCap: string;
+  stroke(path: Path2D): void;
 
   /**
-   * 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.
+   * 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.
    */
-  lineJoin: string;
+  createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): CanvasGradient;
 
   /**
-   * 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.
+   * 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.
    */
-  miterLimit: number;
+  createPattern(image: Image, repetition: string): CanvasPattern;
 
   /**
-   * Sets the font style.
-   * Font style. The default value is 10px sans-serif.
+   * 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.
    */
-  font: string;
+  createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient;
 
   /**
-   * 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.
+   * 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.
    */
-  textAlign: string;
+  createImageData(sw: number, sh: number): ImageData;
 
   /**
-   * 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.
+   * 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.
    */
-  textBaseline: string;
+  createImageData(imagedata: ImageData): ImageData;
 
   /**
-   * 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.
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   * @param path another created Path2D object.
+   * @returns the object of Path2D.
    */
-  createLinearGradient(
-    x0: number,
-    y0: number,
-    x1: number,
-    y1: number
-  ): CanvasGradient;
+  createPath2D(path?: Path2D): Path2D;
 
   /**
-   * 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.
+   * 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.
    */
-  createPattern(image: Image, repetition: string): object;
+  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.
+   * 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(
@@ -757,6 +1478,29 @@ export interface CanvasRenderingContext2D {
    */
   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.
@@ -845,25 +1589,41 @@ export interface CanvasRenderingContext2D {
   /**
    * 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.
+   * @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,
-    dx: number,
-    dy: number,
-    dWidth: number,
-    dHeight: number,
     sx: number,
     sy: number,
     sWidth: number,
-    sHeight: number
+    sHeight: number,
+    dx: number,
+    dy: number,
+    dWidth: number,
+    dHeight: number
   ): void;
 
   /**
@@ -984,6 +1744,12 @@ export interface CanvasRenderingContext2D {
    * 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;
 }
 
 /**
@@ -999,6 +1765,139 @@ export interface CanvasGradient {
   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.
@@ -1009,10 +1908,124 @@ 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.
-   * This API cannot be called in OnInit or onReady.
+   * @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(param: string): CanvasRenderingContext2D;
+  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 {
@@ -1080,6 +2093,8 @@ export interface ViewModel {
   ): AnimationElement &
     CanvasElement &
     object &
+    WebElement &
+    CameraElement &
     ListElement &
     SwiperElement &
     DialogElement &
@@ -1091,7 +2106,8 @@ export interface ViewModel {
     ButtonElement &
     TextAreaElement &
     PickerElement &
-    VideoElement;
+    VideoElement &
+    DivElement;
 
   /**
    * Obtains the root ViewModel instance.
@@ -1128,24 +2144,68 @@ export interface ViewModel {
    * @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 &
-    MenuElement &
-    ChartElement &
-    InputElement &
-    ButtonElement &
-    TextAreaElement &
-    PickerElement &
-    VideoElement;
+  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>> {
@@ -1201,6 +2261,53 @@ export interface Options<T extends ViewModel, Data = DefaultData<T>> {
    * 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;
@@ -1209,4 +2316,4 @@ type CombinedOptions<T extends ViewModel, Data> = object &
   ThisType<T & ViewModel & Data>;
 export declare function extendViewModel<T extends ViewModel, Data>(
   options: CombinedOptions<T, Data>
-): ViewModel & Data;
\ No newline at end of file
+): ViewModel & Data;
diff --git a/api/phone/@ohos.process.d.ts b/api/phone/@ohos.process.d.ts
old mode 100755
new mode 100644
index c22bb4795087e3d407656e06c06fb3504456b7db..3f690ab00ccff5869e8377255744cb6161532d68
--- a/api/phone/@ohos.process.d.ts
+++ b/api/phone/@ohos.process.d.ts
@@ -37,15 +37,14 @@ declare namespace process {
         /**
         * send a signal to process
         */
-        kill(signo: number): void;
+        kill(signal: number | string): void;
     }
+    type EventListener = (evt: Object) => void;
     /**
     * spawns a new ChildProcess to run the command
     */
-    function runCmd(command: string, options?: RunOptions): ChildProcess;
-
-    function getPid(): number;
-    function getPpid(): number;
+    function runCmd(command: string,
+        options?: { timeout : number, killSignal : number | string, maxBuffer : number }): ChildProcess;
 
     /**
     *abort current process
@@ -54,28 +53,31 @@ declare namespace process {
     function abort(): void;
 
     function on(type: string, listener: EventListener): void;
-    function exit(code:number): 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 getEgid(): number;
-    function getEuid(): number;
-
-    function getGid(): number;
-    function getUid(): number;
     function uptime(): number;
-
-    function getGroups(): number[];
+    /**
+     * send some signal to target process
+     */
     function kill(signal: number, pid: number): boolean;
-    function off(type: string): 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
old mode 100755
new mode 100644
index c89206f5d3846355e8f2a9145a79d93c8b423a87..78296ef60b7172524ab2d8d090749146d8aaa8a1
--- a/api/phone/@ohos.url.d.ts
+++ b/api/phone/@ohos.url.d.ts
@@ -1,125 +1,120 @@
-/*
-* 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 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;
-
-/** Delete 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 methods
- * deletes the others. If the search parameter doesn't exist, this
- * methods 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 */
-declare 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 */
-    createObjectURL(object: object) : string;
-    revokeObjectURL(url: string) : void;
-    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, readonly */
-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 {URL, URLSearchParams};
\ No newline at end of file
+/*
+* Copyright (c) 2021 Huawei Device Co., Ltd.
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+* http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+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
old mode 100755
new mode 100644
diff --git a/api/phone/@system.app.d.ts b/api/phone/@system.app.d.ts
index b33235d1c2558f4da91a775eac4d04c45a8d4d31..bf9863e7910fc35874cf3cec875ed81a8c9d4e12 100644
--- a/api/phone/@system.app.d.ts
+++ b/api/phone/@system.app.d.ts
@@ -72,4 +72,25 @@ export default class App {
    * 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;
+
+  /**
+   * 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/phone/@system.battery.d.ts b/api/phone/@system.battery.d.ts
index 7ae26125f6d99620d79329358f1eb906a34d0ff3..2ab3be8157eff669f5094bbce8e63bcf4efe7671 100644
--- a/api/phone/@system.battery.d.ts
+++ b/api/phone/@system.battery.d.ts
@@ -1,57 +1,57 @@
-/*
- * 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 BatteryResponse {
-  /**
-   * Whether the battery is being charged.
-   * @since 3
-   */
-  charging: boolean;
-
-  /**
-   * Current battery level, which ranges from 0.00 to 1.00.
-   * @since 3
-   */
-  level: number;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Battery {
-  /**
-   * Obtains the battery level of the current device.
-   * @param options
-   */
-  static getStatus(options?: {
-    /**
-     * Called when the current charging state and battery level are obtained.
-     * @since 3
-     */
-    success?: (data: BatteryResponse) => void;
-
-    /**
-     * Called when the current charging state and battery level fail to be obtained.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-}
+/*
+ * 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 BatteryResponse {
+  /**
+   * Whether the battery is being charged.
+   * @since 3
+   */
+  charging: boolean;
+
+  /**
+   * Current battery level, which ranges from 0.00 to 1.00.
+   * @since 3
+   */
+  level: number;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Battery {
+  /**
+   * Obtains the battery level of the current device.
+   * @param options
+   */
+  static getStatus(options?: {
+    /**
+     * Called when the current charging state and battery level are obtained.
+     * @since 3
+     */
+    success?: (data: BatteryResponse) => void;
+
+    /**
+     * Called when the current charging state and battery level fail to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/phone/@system.bluetooth.d.ts b/api/phone/@system.bluetooth.d.ts
index 7179d6fce62eb45ba3d384dede84629ea6ac5997..3b113373c3516caeaa3080c9b772639e73b9ea42 100644
--- a/api/phone/@system.bluetooth.d.ts
+++ b/api/phone/@system.bluetooth.d.ts
@@ -1,79 +1,79 @@
-/*
- * Copyright (c) 2020 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export interface StartBLEScanOptions {
-  interval: number;
-
-  success: () => void;
-
-  fail: (data: string, code: number) => void;
-
-  complete: () => void;
-}
-
-export interface StopBLEScanOptions {
-  success: () => void;
-
-  fail: (data: string, code: number) => void;
-
-  complete: () => void;
-}
-
-export interface BluetoothDevice {
-  addrType: "public" | "random";
-
-  addr: string;
-
-  rssi: number;
-
-  txpower: string;
-
-  data: string;
-}
-
-export interface BLEFoundResponse {
-  devices: Array<BluetoothDevice>;
-}
-
-export interface SubscribeBLEFoundOptions{
-    success: (data: BLEFoundResponse) => void;
-
-    fail: (data: string, code: number) => void;
-}
-
-export default class Bluetooth {
-  /**
-   * Start BLE scan
-   * @param options Options
-   */
-  static startBLEScan(options: StartBLEScanOptions): void;
-
-  /**
-   * Stop BLE scan
-   * @param options Options
-   */
-  static stopBLEScan(options: StopBLEScanOptions): void;
-
-  /**
-   * Subscribe BLE found
-   * @param options Options
-   */
-  static subscribeBLEFound(options: SubscribeBLEFoundOptions): void;
-
-  /**
-   * Stop the subscription of BLE found
-   */
-  static unsubscribeBLEFound(): void;
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface StartBLEScanOptions {
+  interval: number;
+
+  success: () => void;
+
+  fail: (data: string, code: number) => void;
+
+  complete: () => void;
+}
+
+export interface StopBLEScanOptions {
+  success: () => void;
+
+  fail: (data: string, code: number) => void;
+
+  complete: () => void;
+}
+
+export interface BluetoothDevice {
+  addrType: "public" | "random";
+
+  addr: string;
+
+  rssi: number;
+
+  txpower: string;
+
+  data: string;
+}
+
+export interface BLEFoundResponse {
+  devices: Array<BluetoothDevice>;
+}
+
+export interface SubscribeBLEFoundOptions{
+    success: (data: BLEFoundResponse) => void;
+
+    fail: (data: string, code: number) => void;
+}
+
+export default class Bluetooth {
+  /**
+   * Start BLE scan
+   * @param options Options
+   */
+  static startBLEScan(options: StartBLEScanOptions): void;
+
+  /**
+   * Stop BLE scan
+   * @param options Options
+   */
+  static stopBLEScan(options: StopBLEScanOptions): void;
+
+  /**
+   * Subscribe BLE found
+   * @param options Options
+   */
+  static subscribeBLEFound(options: SubscribeBLEFoundOptions): void;
+
+  /**
+   * Stop the subscription of BLE found
+   */
+  static unsubscribeBLEFound(): void;
 }
\ No newline at end of file
diff --git a/api/phone/@system.brightness.d.ts b/api/phone/@system.brightness.d.ts
index 1ce62daf83fb19a68ba658b904e47107f63bc12b..e22b4e0938f1bc2c25e2410efe94b02b829722ab 100644
--- a/api/phone/@system.brightness.d.ts
+++ b/api/phone/@system.brightness.d.ts
@@ -1,180 +1,180 @@
-/*
- * 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.
- */
-
-/**
- * The screen brightness mode.
- */
-export enum BrightnessModeResponse {
-  /**
-   * The screen brightness is manually adjusted.
-   * @since 3
-   */
-  MANUAL,
-
-  /**
-   * The screen brightness is automatically adjusted.
-   * @since 3
-   */
-  AUTO
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Brightness {
-  /**
-   * Obtains the current screen brightness.
-   * @param options
-   */
-  static getValue(options?: {
-    /**
-     * Called when the current screen brightness is obtains.
-     * @since 3
-     */
-    success?: (data: { value: number }) => void;
-
-    /**
-     * Called when the current screen bightness fails to be obtained.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Sets the screen brightness.
-   * @param options
-   */
-  static setValue(options: {
-    /**
-     * Screen brightness. The value is an integer ranging from 1 to 255.
-     * If the value is less than or equal to 0, value 1 will be used.
-     * If the value is greater than 255, value 255 will be used.
-     * If the value contains decimals, the integral part of the value will be used.
-     * For example, if value 8.1 is set, value 8 will be used.
-     * @since 3
-     */
-    value: number;
-
-    /**
-     * Called when the setting is successful.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the setting fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution os completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Obtains the screen brightness adjustment mode.
-   * @param options
-   */
-  static getMode(options?: {
-    /**
-     * Called when the screen brightness adjustment mode is obtained.
-     * @since 3
-     */
-    success?: (data: { mode: BrightnessModeResponse }) => void;
-
-    /**
-     * Called when the screen brightness adjustment mode fails to be obtained.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Sets the screen brightness adjustment mode.
-   * @param options
-   */
-  static setMode(options: {
-    /**
-     * The screen brightness mode
-     * 0: The screen brightness is manually adjusted.
-     * 1: The screen brightness is automatically adjusted.
-     * @since 3
-     */
-    mode: BrightnessModeResponse;
-
-    /**
-     * Called when the setting is successful.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the setting fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Sets whether to always keep the screen on.
-   * @param options
-   */
-  static setKeepScreenOn(options: {
-    /**
-     * Whether to always keep the screen on.
-     * @since 3
-     */
-    keepScreenOn: boolean;
-
-    /**
-     * Called when the setting is successful.
-     * @since 3
-     */
-    success?: () => void;
-
-    /**
-     * Called when the setting fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-}
+/*
+ * 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.
+ */
+
+/**
+ * The screen brightness mode.
+ */
+export enum BrightnessModeResponse {
+  /**
+   * The screen brightness is manually adjusted.
+   * @since 3
+   */
+  MANUAL,
+
+  /**
+   * The screen brightness is automatically adjusted.
+   * @since 3
+   */
+  AUTO
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Brightness {
+  /**
+   * Obtains the current screen brightness.
+   * @param options
+   */
+  static getValue(options?: {
+    /**
+     * Called when the current screen brightness is obtains.
+     * @since 3
+     */
+    success?: (data: { value: number }) => void;
+
+    /**
+     * Called when the current screen bightness fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets the screen brightness.
+   * @param options
+   */
+  static setValue(options: {
+    /**
+     * Screen brightness. The value is an integer ranging from 1 to 255.
+     * If the value is less than or equal to 0, value 1 will be used.
+     * If the value is greater than 255, value 255 will be used.
+     * If the value contains decimals, the integral part of the value will be used.
+     * For example, if value 8.1 is set, value 8 will be used.
+     * @since 3
+     */
+    value: number;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution os completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the screen brightness adjustment mode.
+   * @param options
+   */
+  static getMode(options?: {
+    /**
+     * Called when the screen brightness adjustment mode is obtained.
+     * @since 3
+     */
+    success?: (data: { mode: BrightnessModeResponse }) => void;
+
+    /**
+     * Called when the screen brightness adjustment mode fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets the screen brightness adjustment mode.
+   * @param options
+   */
+  static setMode(options: {
+    /**
+     * The screen brightness mode
+     * 0: The screen brightness is manually adjusted.
+     * 1: The screen brightness is automatically adjusted.
+     * @since 3
+     */
+    mode: BrightnessModeResponse;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets whether to always keep the screen on.
+   * @param options
+   */
+  static setKeepScreenOn(options: {
+    /**
+     * Whether to always keep the screen on.
+     * @since 3
+     */
+    keepScreenOn: boolean;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/phone/@system.configuration.d.ts b/api/phone/@system.configuration.d.ts
index 474fec0e5ce65b34931c82f7738e25edda0d7a31..f829359b523208f086afac0c799de45347126456 100644
--- a/api/phone/@system.configuration.d.ts
+++ b/api/phone/@system.configuration.d.ts
@@ -1,46 +1,46 @@
-/*
- * 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;
-}
+/*
+ * 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.device.d.ts b/api/phone/@system.device.d.ts
index 4d2949e48f57261789ff8a931514f9f3a742f7f7..7ce278bc590266b266e437d6da5cd2134bc5de40 100644
--- a/api/phone/@system.device.d.ts
+++ b/api/phone/@system.device.d.ts
@@ -1,133 +1,133 @@
-/*
- * 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 DeviceResponse {
-  /**
-   * Brand.
-   * @since 3
-   */
-  brand: string;
-
-  /**
-   * Manufacturer.
-   * @since 3
-   */
-  manufacturer: string;
-
-  /**
-   * Model.
-   * @since 3
-   */
-  model: string;
-
-  /**
-   * Product number.
-   * @since 3
-   */
-  product: string;
-
-  /**
-   * System language.
-   * @since 4
-   */
-  language: string;
-
-  /**
-   * System region.
-   * @since 4
-   */
-  region: string;
-
-  /**
-   * Window width.
-   * @since 3
-   */
-  windowWidth: number;
-
-  /**
-   * Window Height.
-   * @since 3
-   */
-  windowHeight: number;
-
-  /**
-   * Screen density.
-   * @since 4
-   */
-  screenDensity: number;
-
-  /**
-   * Screen shape. The options are as follows:
-   * rect: Rectangle screen.
-   * cicle: Circle screen.
-   * @since 4
-   */
-  screenShape: "rect" | "circle";
-
-    /**
-   * API version.
-   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
-   * @since 4
-   */
-  apiVersion: number;
-
-  /**
-   * Device type. The options are as follows:
-   * phone: smartphone
-   * tablet: tablet
-   * tv: smart TV
-   * wearable: wearable
-   * liteWearable: lite wearable
-   * ar: AR
-   * vr: virtual reality
-   * earphones: headset
-   * pc: personal computer
-   * speaker: speaker
-   * smartVision: smart visual device
-   * linkIoT: connection module
-   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
-   * @since 4
-   */
-  deviceType: string;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Device {
-  /**
-   * Obtains the device information.
-   * @param options
-   */
-  static getInfo(options?: {
-    /**
-     * Called when the device information is obtained.
-     * @since 3
-     */
-    success?: (data: DeviceResponse) => void;
-
-    /**
-     * Called when the device information fails to be obtained.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-}
+/*
+ * 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 DeviceResponse {
+  /**
+   * Brand.
+   * @since 3
+   */
+  brand: string;
+
+  /**
+   * Manufacturer.
+   * @since 3
+   */
+  manufacturer: string;
+
+  /**
+   * Model.
+   * @since 3
+   */
+  model: string;
+
+  /**
+   * Product number.
+   * @since 3
+   */
+  product: string;
+
+  /**
+   * System language.
+   * @since 4
+   */
+  language: string;
+
+  /**
+   * System region.
+   * @since 4
+   */
+  region: string;
+
+  /**
+   * Window width.
+   * @since 3
+   */
+  windowWidth: number;
+
+  /**
+   * Window Height.
+   * @since 3
+   */
+  windowHeight: number;
+
+  /**
+   * Screen density.
+   * @since 4
+   */
+  screenDensity: number;
+
+  /**
+   * Screen shape. The options are as follows:
+   * rect: Rectangle screen.
+   * cicle: Circle screen.
+   * @since 4
+   */
+  screenShape: "rect" | "circle";
+
+    /**
+   * API version.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  apiVersion: number;
+
+  /**
+   * Device type. The options are as follows:
+   * phone: smartphone
+   * tablet: tablet
+   * tv: smart TV
+   * wearable: wearable
+   * liteWearable: lite wearable
+   * ar: AR
+   * vr: virtual reality
+   * earphones: headset
+   * pc: personal computer
+   * speaker: speaker
+   * smartVision: smart visual device
+   * linkIoT: connection module
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  deviceType: string;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Device {
+  /**
+   * Obtains the device information.
+   * @param options
+   */
+  static getInfo(options?: {
+    /**
+     * Called when the device information is obtained.
+     * @since 3
+     */
+    success?: (data: DeviceResponse) => void;
+
+    /**
+     * Called when the device information fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/phone/@system.geolocation.d.ts b/api/phone/@system.geolocation.d.ts
index 44ba6164c687ee6864e4876b70a24f6efe2787fb..28bd231ad04dadcf6d6cad4747055864fbefaab5 100644
--- a/api/phone/@system.geolocation.d.ts
+++ b/api/phone/@system.geolocation.d.ts
@@ -1,156 +1,156 @@
-/*
- * 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 GeolocationResponse {
-  /**
-   * Longitude.
-   * @since 3
-   */
-  longitude: number;
-
-  /**
-   * Latitude.
-   * @since 3
-   */
-  latitude: number;
-
-  /**
-   * Altitude.
-   * @since 3
-   */
-  altitude: number;
-
-  /**
-   * Location accuracy.
-   * @since 3
-   */
-  accuracy: number;
-
-  /**
-   * Time when the location is obtained.
-   * @since 3
-   */
-  time: number;
-}
-
-export interface GetLocationTypeResponse {
-  /**
-   * Available location types, ['gps', 'network'].
-   * @since 3
-   */
-  types: Array<string>;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Geolocation {
-  /**
-   * Obtains the geographic location.
-   * @param options
-   */
-  static getLocation(options?: {
-    /**
-     * Timeout duration, in milliseconds. The default value is 30000.
-     * The timeout duration is necessary in case no result is returned if the request to obtain the geographic location is rejected for the lack of the required permission, weak positioning signal, or incorrect location settings. After the timeout duration expires, the fail function will be called.
-     * The value is a 32-digit positive integer. If the value set is less than or equal to 0, the default value will be used.
-     * @since 3
-     */
-    timeout?: number;
-
-    /**
-     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
-     * @since 3
-     */
-    coordType?: string;
-
-    /**
-     * Called when the geographic location is obtained.
-     * @since 3
-     */
-    success?: (data: GeolocationResponse) => void;
-
-    /**
-     * Called when the location types fail to be obtained
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Obtains the supported location types.
-   * @param options
-   */
-  static getLocationType(options?: {
-    /**
-     * Called when the location types are obtained.
-     * @since 3
-     */
-    success?: (data: GetLocationTypeResponse) => void;
-
-    /**
-     * Called when the location types fail to be obtained.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Listens to the geographical location. If this method is called multiple times, the last call takes effect.
-   * @param options
-   */
-  static subscribe(options: {
-    /**
-     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
-     * @since 3
-     */
-    coordType?: string;
-
-    /**
-     * Called when the geographical location changes.
-     * @since 3
-     */
-    success: (data: GeolocationResponse) => void;
-
-    /**
-     * Called when the listening fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-  }): void;
-
-  /**
-   * Cancels listening to the geographical location.
-   */
-  static unsubscribe(): void;
-
-  /**
-   * Obtains coordinate system types supported by the device.
-   * @returns A string array of the supported coordinate system types. For details about the value, see coordType.
-   */
-  static getSupportedCoordTypes(): Array<string>;
-}
+/*
+ * 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 GeolocationResponse {
+  /**
+   * Longitude.
+   * @since 3
+   */
+  longitude: number;
+
+  /**
+   * Latitude.
+   * @since 3
+   */
+  latitude: number;
+
+  /**
+   * Altitude.
+   * @since 3
+   */
+  altitude: number;
+
+  /**
+   * Location accuracy.
+   * @since 3
+   */
+  accuracy: number;
+
+  /**
+   * Time when the location is obtained.
+   * @since 3
+   */
+  time: number;
+}
+
+export interface GetLocationTypeResponse {
+  /**
+   * Available location types, ['gps', 'network'].
+   * @since 3
+   */
+  types: Array<string>;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Geolocation {
+  /**
+   * Obtains the geographic location.
+   * @param options
+   */
+  static getLocation(options?: {
+    /**
+     * Timeout duration, in milliseconds. The default value is 30000.
+     * The timeout duration is necessary in case no result is returned if the request to obtain the geographic location is rejected for the lack of the required permission, weak positioning signal, or incorrect location settings. After the timeout duration expires, the fail function will be called.
+     * The value is a 32-digit positive integer. If the value set is less than or equal to 0, the default value will be used.
+     * @since 3
+     */
+    timeout?: number;
+
+    /**
+     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographic location is obtained.
+     * @since 3
+     */
+    success?: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the supported location types.
+   * @param options
+   */
+  static getLocationType(options?: {
+    /**
+     * Called when the location types are obtained.
+     * @since 3
+     */
+    success?: (data: GetLocationTypeResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to the geographical location. If this method is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribe(options: {
+    /**
+     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographical location changes.
+     * @since 3
+     */
+    success: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to the geographical location.
+   */
+  static unsubscribe(): void;
+
+  /**
+   * Obtains coordinate system types supported by the device.
+   * @returns A string array of the supported coordinate system types. For details about the value, see coordType.
+   */
+  static getSupportedCoordTypes(): Array<string>;
+}
diff --git a/api/phone/@system.mediaquery.d.ts b/api/phone/@system.mediaquery.d.ts
index da3f223c51ebf6d21ea1cc88072a2f05e3b98b1c..35900d83dcca34a6245047dabb55141e593259ed 100644
--- a/api/phone/@system.mediaquery.d.ts
+++ b/api/phone/@system.mediaquery.d.ts
@@ -1,63 +1,63 @@
-/*
- * 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;
-}
+/*
+ * 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.notification.d.ts b/api/phone/@system.notification.d.ts
index 8066d0769d05eefc8071295e02235a7c0de91aab..795a88c5ed4ba37e640eccbada81e90b9c428a13 100644
--- a/api/phone/@system.notification.d.ts
+++ b/api/phone/@system.notification.d.ts
@@ -1,69 +1,69 @@
-/*
- * 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 ActionResult {
-  /**
-   * Bundle name of the application to be redirected to after the notification is clicked.
-   * @since 3
-   */
-  bundleName: string;
-
-  /**
-   * Ability name of the application to be redirected to after the notification is clicked.
-   * @since 3
-   */
-  abilityName: string;
-
-  /**
-   * URI of the page to be redirected to. The supported URI formats are as follows:
-   * 1. Absolute path of the page, which is provided by the pages list in the config.json file. Example:
-   * pages/index/index
-   * pages/detail/detail
-   * 2. Particular path. If the value is a slash (/), the home page is displayed.
-   * @since 3
-   */
-  uri: string;
-}
-
-export interface ShowNotificationOptions {
-  /**
-   * Notification title.
-   * @since 3
-   */
-  contentTitle?: string;
-
-  /**
-   * Notification content.
-   * @since 3
-   */
-  contentText?: string;
-
-  /**
-   * Action triggered after the notification is clicked.
-   * @since 3
-   */
-  clickAction?: ActionResult;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Notification {
-    /**
-     * Displays the notification.
-     * @param options
-     */
-    static show(options?: ShowNotificationOptions): void;
+/*
+ * 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 ActionResult {
+  /**
+   * Bundle name of the application to be redirected to after the notification is clicked.
+   * @since 3
+   */
+  bundleName: string;
+
+  /**
+   * Ability name of the application to be redirected to after the notification is clicked.
+   * @since 3
+   */
+  abilityName: string;
+
+  /**
+   * URI of the page to be redirected to. The supported URI formats are as follows:
+   * 1. Absolute path of the page, which is provided by the pages list in the config.json file. Example:
+   * pages/index/index
+   * pages/detail/detail
+   * 2. Particular path. If the value is a slash (/), the home page is displayed.
+   * @since 3
+   */
+  uri: string;
+}
+
+export interface ShowNotificationOptions {
+  /**
+   * Notification title.
+   * @since 3
+   */
+  contentTitle?: string;
+
+  /**
+   * Notification content.
+   * @since 3
+   */
+  contentText?: string;
+
+  /**
+   * Action triggered after the notification is clicked.
+   * @since 3
+   */
+  clickAction?: ActionResult;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Notification {
+    /**
+     * Displays the notification.
+     * @param options
+     */
+    static show(options?: ShowNotificationOptions): void;
 }
\ No newline at end of file
diff --git a/api/phone/@system.prompt.d.ts b/api/phone/@system.prompt.d.ts
index 9223d1b2b95479e19e5302c5188f92e3d5d22649..72f4ae0349a9d484621d4d7a05a54a512ffeea2c 100644
--- a/api/phone/@system.prompt.d.ts
+++ b/api/phone/@system.prompt.d.ts
@@ -1,138 +1,138 @@
-/*
- * 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;
-}
+/*
+ * 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
index 14394e0696e2ab6b45c33d0226486e953af5a1fb..c245c5b63345b26c48203d6e95023a2d0c7cf942 100644
--- a/api/phone/@system.router.d.ts
+++ b/api/phone/@system.router.d.ts
@@ -34,6 +34,23 @@ export interface RouterOptions {
   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.
@@ -121,7 +138,7 @@ export default class Router {
    * @param obj
    * @since 7
    */
-  static back(options?: RouterOptions): void;
+  static back(options?: BackRouterOptions): void;
 
   /**
    * Obtains information about the current page params.
diff --git a/api/phone/@system.sensor.d.ts b/api/phone/@system.sensor.d.ts
deleted file mode 100644
index b0addd5d69f76347f1206d1efb87cad53c34e555..0000000000000000000000000000000000000000
--- a/api/phone/@system.sensor.d.ts
+++ /dev/null
@@ -1,467 +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 AccelerometerResponse {
-  /**
-   * X-coordinate
-   * @since 3
-   */
-  x: number;
-
-  /**
-   * Y-coordinate
-   * @since 3
-   */
-  y: number;
-
-  /**
-   * Z-coordinate
-   * @since 3
-   */
-  z: number;
-}
-
-export interface CompassResponse {
-  /**
-   * Direction of the device (in degrees).
-   * @since 3
-   */
-  direction: number;
-}
-
-export interface LightResponse {
-  /**
-   * Light intensity, in lux.
-   * @since 3
-   */
-  intensity: number;
-}
-
-export interface StepCounterResponse {
-  /**
-   * Number of steps counted.
-   * Each time the device restarts, the value is recalculated from 0.
-   * @since 3
-   */
-  steps: number;
-}
-
-export interface BarometerResponse {
-  /**
-   * Pressure, in pascal.
-   * @since 3
-   */
-  pressure: number;
-}
-
-export interface DeviceOrientationResponse {
-  /**
-   * alpha
-   * @since 6
-   */
-  alpha: number;
-
-  /**
-   * beta
-   * @since 6
-   */
-  beta: number;
-
-  /**
-   * gamma
-   * @since 6
-   */
-  gamma: number;
-}
-
-export interface GyroscopeResponse {
-  /**
-   * X-coordinate
-   * @since 6
-   */
-  x: number;
-
-  /**
-   * Y-coordinate
-   * @since 6
-   */
-  y: number;
-
-  /**
-   * Z-coordinate
-   * @since 6
-   */
-  z: number;
-}
-
-export interface GravityResponse {
-  /**
-   * X-coordinate
-   * @since 7
-   */
-  x: number;
-
-  /**
-   * Y-coordinate
-   * @since 7
-   */
-  y: number;
-
-  /**
-   * Z-coordinate
-   * @since 7
-   */
-  z: number;
-}
-
-export interface MagneticResponse {
-  /**
-   * X-coordinate
-   * @since 7
-   */
-  x: number;
-
-  /**
-   * Y-coordinate
-   * @since 7
-   */
-  y: number;
-
-  /**
-   * Z-coordinate
-   * @since 7
-   */
-  z: number;
-}
-
-export interface HallResponse {
-  /**
-   * Indicates the hall sensor data.
-   * @since 7
-   */
-  value: number;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Sensor {
-  /**
-   * Listens to acceleration sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options
-   */
-  static subscribeAccelerometer(options: {
-    /**
-     * Execution frequency of the callback function for listening to acceleration sensor data.
-     * The default value is normal.
-     * @since 3
-     */
-    interval: string;
-
-    /**
-     * Called when acceleration sensor data changes.
-     * @since 3
-     */
-    success: (data: AccelerometerResponse) => void;
-
-    /**
-     * Called when the listening fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-  }): void;
-
-  /**
-   * Cancels listening to acceleration sensor data.
-   */
-  static unsubscribeAccelerometer(): void;
-
-  /**
-   * Listens to compass sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options Options.
-   */
-  static subscribeCompass(options: {
-    /**
-     * Called when compass sensor data changes.
-     * @since 3
-     */
-    success: (data: CompassResponse) => void;
-
-    /**
-     * Called when the listening fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-  }): void;
-
-  /**
-   * Cancels listening to compass sensor data.
-   */
-  static unsubscribeCompass(): void;
-
-  /**
-   * Listens to distance sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options
-   */
-  static subscribeProximity(options: {
-    /**
-     * Called when distance sensor data changes.
-     * @since 3
-     */
-    success: (ret: { distance: number}) => void;
-
-    /**
-     * Called when the listening fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-  }): void;
-
-  /**
-   * Cancels listening to distance sensor data.
-   * @param options
-   */
-  static unsubscribeProximity(): void;
-
-  /**
-   * Listens to ambient light sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options
-   */
-  static subscribeLight(options: {
-    /**
-     * Called when ambient light sensor data changes.
-     * @since 3
-     */
-    success: (data: LightResponse) => void;
-
-    /**
-     * Called when the listening fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-  }): void;
-
-  /**
-   * Cancels listening to ambient light sensor data.
-   */
-  static unsubscribeLight(): void;
-
-  /**
-   * Listens to step counter sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options
-   */
-  static subscribeStepCounter(options: {
-    /**
-     * Called when step counter sensor data changes.
-     * @since 3
-     */
-    success: (data: StepCounterResponse) => void;
-
-    /**
-     * Called when the listening fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-  }): void;
-
-  /**
-   * Cancels listening to step counter sensor data.
-   */
-  static unsubscribeStepCounter(): void;
-
-  /**
-   * Listens to barometer sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options
-   */
-  static subscribeBarometer(options: {
-    /**
-     * Called when the barometer sensor data changes.
-     * @since 3
-     */
-    success: (data: BarometerResponse) => void;
-
-    /**
-     * Called when the listening fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-  }): void;
-
-  /**
-   * Cancels listening to barometer sensor data.
-   */
-  static unsubscribeBarometer(): void;
-
-  /**
-   * Listens to device orientation sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options
-   */
-  static subscribeDeviceOrientation(options: {
-    /**
-     * Execution frequency of the callback function for listening to device orientation sensor data.
-     * The default value is normal.
-     * @since 6
-     */
-    interval: string;
-
-    /**
-     * Called when device orientation sensor data changes.
-     * @since 6
-     */
-    success: (data: DeviceOrientationResponse) => void;
-
-    /**
-     * Called when the listening fails.
-     * @since 6
-     */
-    fail?: (data: any, code: number) => void;
-  }): void;
-
-  /**
-   * Cancels listening to device orientation sensor data.
-   */
-  static unsubscribeDeviceOrientation(): void;
-
-  /**
-   * Listens to gyroscope sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options
-   */
-  static subscribeGyroscope(options: {
-    /**
-     * Execution frequency of the callback function for listening to gyroscope sensor data.
-     * The default value is normal.
-     * @since 6
-     */
-    interval: string;
-
-    /**
-     * Called when gyroscope sensor data changes.
-     * @since 6
-     */
-    success: (data: GyroscopeResponse) => void;
-
-    /**
-     * Called when the listening fails.
-     * @since 6
-     */
-    fail?: (data: any, code: number) => void;
-  }): void;
-
-  /**
-   * Cancels listening to gyroscope sensor data.
-   */
-  static unsubscribeGyroscope(): void;
-
-  /**
-   * Listens to gravity sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options
-   */
-  static subscribeGravity(options: {
-    /**
-     * Execution frequency of the callback function for listening to gravity sensor data.
-     * The default value is normal.
-     * @since 7
-     */
-    interval: string;
-
-    /**
-     * Called when gravity sensor data changes.
-     * @since 7
-     */
-    success: (data: GravityResponse) => void;
-
-    /**
-     * Called when the listening fails.
-     * @since 7
-     */
-    fail?: (data: any, code: number) => void;
-  }): void;
-
-  /**
-   * Cancels listening to gravity sensor data.
-   */
-  static unsubscribeGravity(): void;
-
-  /**
-   * Listens to magnetic sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options
-   */
-  static subscribeMagnetic(options: {
-    /**
-     * Execution frequency of the callback function for listening to magnetic sensor data.
-     * The default value is normal.
-     * @since 7
-     */
-    interval: string;
-
-    /**
-     * Called when magnetic sensor data changes.
-     * @since 7
-     */
-    success: (data: MagneticResponse) => void;
-
-    /**
-     * Called when the listening fails.
-     * @since 7
-     */
-    fail?: (data: any, code: number) => void;
-  }): void;
-
-  /**
-   * Cancels listening to magnetic sensor data.
-   */
-  static unsubscribeMagnetic(): void;
-
-  /**
-   * Listens to hall sensor data changes.
-   * If this API is called multiple times, the last call takes effect.
-   * @param options
-   */
-  static subscribeHall(options: {
-    /**
-     * Execution frequency of the callback function for listening to hall sensor data.
-     * The default value is normal.
-     * @since 7
-     */
-    interval: string;
-
-    /**
-     * Called when hall sensor data changes.
-     * @since 7
-     */
-    success: (data: HallResponse) => void;
-
-    /**
-     * Called when the listening fails.
-     * @since 7
-     */
-    fail?: (data: any, code: number) => void;
-  }): void;
-
-  /**
-   * Cancels listening to hall sensor data.
-   */
-  static unsubscribeHall(): void;
-}
diff --git a/api/smartVision/@internal/console.d.ts b/api/smartVision/@internal/console.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3fb9f532e9d92702c41afc47a652184a97dd11c6
--- /dev/null
+++ b/api/smartVision/@internal/console.d.ts
@@ -0,0 +1,46 @@
+/*
+ * 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
new file mode 100644
index 0000000000000000000000000000000000000000..04a5434cf8d29fe6692b2f70c0878c17c118ee18
--- /dev/null
+++ b/api/smartVision/@internal/global.d.ts
@@ -0,0 +1,52 @@
+/*
+ * 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/app/common.d.ts b/api/smartVision/@internal/index.d.ts
old mode 100755
new mode 100644
similarity index 69%
rename from api/app/common.d.ts
rename to api/smartVision/@internal/index.d.ts
index 4c1137574f5a3e81849364220a097239fbf9f78f..1121f0af6f4a6eef510a81c1d6f267dc15093406
--- a/api/app/common.d.ts
+++ b/api/smartVision/@internal/index.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * 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
@@ -13,15 +13,6 @@
  * limitations under the License.
  */
 
-/**
- * @name The ability callback.
- * @since 6
- * @SysCap aafwk
- * @permission N/A
- * @devices phone
- * @testapi
- */
-export interface AsyncCallback<T> {
-    (data: T): void;
-    (err: number): void;
-}
\ No newline at end of file
+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
new file mode 100644
index 0000000000000000000000000000000000000000..934155cd6c83703281d5c2474bbd4e62bf1f39c9
--- /dev/null
+++ b/api/smartVision/@internal/viewmodel.d.ts
@@ -0,0 +1,118 @@
+/*
+ * 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/phone/@system.vibrator.d.ts b/api/smartVision/@system.app.d.ts
similarity index 57%
rename from api/phone/@system.vibrator.d.ts
rename to api/smartVision/@system.app.d.ts
index af7fd34f764f3767827282bfad5387ba93372a8f..4ba272a04db96046cc677f6ece65effc3719836f 100644
--- a/api/phone/@system.vibrator.d.ts
+++ b/api/smartVision/@system.app.d.ts
@@ -13,22 +13,37 @@
  * limitations under the License.
  */
 
-export interface VibrateOptions {
+export interface AppResponse {
   /**
-   * Vibration mode. The value long indicates long vibration, and short indicates short vibration.
-   * The default value is long.
+   * Application name
    * @since 3
    */
-  mode?: "long" | "short";
+  appName: string;
+
+  /**
+   * Application version name
+   * @since 3
+   */
+  versionName: string;
+
+  /**
+   * Application version
+   * @since 3
+   */
+  versionCode: number;
 }
 
 /**
- * @Syscap SysCap.ACE.UIEngine
+ * @Syscap SysCap.ACE.UIEngineLite
  */
-export default class Vibrator {
+export default class App {
+  /**
+   * Obtains the declared information in the config.json file of an application.
+   */
+  static getInfo(): AppResponse;
+
   /**
-   * Triggers vibration.
-   * @param options Options.
+   * Destroys the current ability.
    */
-  static vibrate(options?: VibrateOptions): void;
-}
\ No newline at end of file
+  static terminate(): void;
+}
diff --git a/api/smartVision/@system.cipher.d.ts b/api/smartVision/@system.cipher.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a77f4a1a2e91423a8182d4b6cdccc7e3dc86ab04
--- /dev/null
+++ b/api/smartVision/@system.cipher.d.ts
@@ -0,0 +1,166 @@
+/*
+ * 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.device.d.ts b/api/smartVision/@system.device.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..71ef8043330ad9b53ba1effe91f744a7ee70f875
--- /dev/null
+++ b/api/smartVision/@system.device.d.ts
@@ -0,0 +1,83 @@
+/*
+ * 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 DeviceResponse {
+  /**
+   * Brand.
+   * @since 3
+   */
+  brand: string;
+
+  /**
+   * Manufacturer.
+   * @since 3
+   */
+  manufacturer: string;
+
+  /**
+   * Model.
+   * @since 3
+   */
+  model: string;
+
+  /**
+   * Product.
+   * @since 3
+   */
+  product: string;
+
+  /**
+   * Window width.
+   * @since 3
+   */
+  windowWidth: number;
+
+  /**
+   * Window height.
+   * @since 3
+   */
+  windowHeight: number;
+}
+
+export interface GetDeviceOptions {
+  /**
+   * Called when the device information is obtained.
+   * @since 3
+   */
+  success?: (data: DeviceResponse) => void;
+
+  /**
+   * Called when the device information fails to be obtained.
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngineLite
+ */
+export default class Device {
+  /**
+   * Obtains the device information.
+   * @param options Options.
+   */
+  static getInfo(options?: GetDeviceOptions): void;
+}
diff --git a/api/smartVision/@system.file.d.ts b/api/smartVision/@system.file.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..59a71b1a736e03ff6f720c51665b2570fc24e561
--- /dev/null
+++ b/api/smartVision/@system.file.d.ts
@@ -0,0 +1,570 @@
+/*
+ * 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
new file mode 100644
index 0000000000000000000000000000000000000000..287e981f9bfced9a04ab84a4a7eb88b0da8bfe05
--- /dev/null
+++ b/api/smartVision/@system.router.d.ts
@@ -0,0 +1,47 @@
+/*
+ * 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/smartVision/@system.storage.d.ts b/api/smartVision/@system.storage.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..64b50405a55233369b5e16ea65dd77b34011b78d
--- /dev/null
+++ b/api/smartVision/@system.storage.d.ts
@@ -0,0 +1,159 @@
+/*
+ * 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 GetStorageOptions {
+  /**
+   * Content index.
+   * For smartVision, the value contains a maximum of 32 characters and cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * @since 3
+   */
+  key: string;
+
+  /**
+   * Default value returned when the key does not exist.
+   * If this parameter is not specified, an empty string is returned.
+   * @since 3
+   */
+  default?: string;
+
+  /**
+   * Called when the stored content is read successfully.
+   * @since 3
+   */
+  success?: (data: any) => void;
+
+  /**
+   * Called when the stored content fails to be read.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+export interface SetStorageOptions {
+  /**
+   * Index of the stored content to be modified.
+   * For smartVision, the value contains a maximum of 32 characters and cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * @since 3
+   */
+  key: string;
+
+  /**
+   * Target storage content. If the content is an empty string, the data item with the key as the index will be deleted.
+   * @since 3
+   */
+  value: string;
+
+  /**
+   * Called when the stored content is modified successfully.
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when the stored content fails to be modified.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+export interface ClearStorageOptions {
+  /**
+   * Called when the stored content is cleared successfully.
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when the stored content fails to be cleared.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+export interface DeleteStorageOptions {
+  /**
+   * Content index.
+   * For smartVision, the value contains a maximum of 32 characters and cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+   * @since 3
+   */
+  key: string;
+
+  /**
+   * Called when the stored content is deleted successfully.
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when the stored content fails to be deleted.
+   * @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 Storage {
+  /**
+   * Reads the stored content.
+   * @param options Options.
+   */
+  static get(options: GetStorageOptions): void;
+
+
+  /**
+   * Modifies the stored content.
+   * @param options Options.
+   */
+  static set(options: SetStorageOptions): void;
+
+  /**
+   * Clears the stored content.
+   * @param options Options.
+   */
+  static clear(options?: ClearStorageOptions): void;
+
+  /**
+   * Deletes the stored content.
+   * @param options Options.
+   */
+  static delete(options: DeleteStorageOptions): void;
+
+}
diff --git a/api/tablet/@internal/console.d.ts b/api/tablet/@internal/console.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a89f67bb0d4c1a7891e03c9c5aef61c6bfc04e57
--- /dev/null
+++ b/api/tablet/@internal/console.d.ts
@@ -0,0 +1,46 @@
+/*
+ * 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/featureability.d.ts b/api/tablet/@internal/featureability.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f9ba85a227f0dcbafdb4f50535250aa1c74d82c8
--- /dev/null
+++ b/api/tablet/@internal/featureability.d.ts
@@ -0,0 +1,204 @@
+/*
+ * 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 Result {
+  /**
+   * Result code.
+   */
+  code: number;
+
+  /**
+   * Returned data.
+   */
+  data: object;
+}
+
+export interface CallAbilityParam {
+  /**
+   * Name of the bundle where the ability locates. The name is case sensitive and must be the same as that on the AA side.
+   */
+  bundleName: string;
+  /**
+   * Ability name, which is case sensitive and must be the same as that on the AA side.
+   */
+  abilityName: string;
+  /**
+   * Ability operation code, which defines the service function of an AA and must be consistent with the AA side.
+   */
+  messageCode: number;
+  /**
+   * Ability type. Different types of abilities have different implementation on the AA side.
+   * 0: Ability, which has an independent lifecycle. The FA starts and requests an AA through an RPC. Such type of abilities are used to provide basic services for multiple FAs to call or are used when the abilities should run in the background.
+   * 1: Internal ability, which shares the same process with the FA and communicates with it by calling internal functions. Such type of abilities are used in scenarios that require low response latency and cannot be called by other FAs.
+   */
+  abilityType: number;
+  /**
+   * Data sent to the ability. The data to carry differs depending on the service to be processed and its field name must be consistent with the AA side.
+   */
+  data?: object;
+  /**
+   * Whether the request is synchronous or asynchronous. The synchronous mode is used by default. Currently, the asynchronous mode is available only for internal abilities.
+   * 0: Synchronous mode (default value)
+   * 1: Asynchronous mode
+   */
+  syncOption?: number;
+}
+
+export interface SubscribeAbilityEventParam {
+  /**
+   * Name of the bundle where the ability locates. The name is case sensitive and must be the same as that on the AA side.
+   */
+  bundleName: string;
+  /**
+   * Ability name, which is case sensitive and must be the same as that on the AA side.
+   */
+  abilityName: string;
+  /**
+   * Ability operation code, which defines the service function of an AA and must be consistent with the AA side.
+   */
+  messageCode: number;
+  /**
+   * Ability type. Different types of abilities have different implementation on the AA side.
+   * 0: Ability, which has an independent lifecycle. The FA starts and requests an AA through an RPC. Such type of abilities are used to provide basic services for multiple FAs to call or are used when the abilities should run in the background.
+   * 1: Internal ability, which shares the same process with the FA and communicates with it by calling internal functions. Such type of abilities are used in scenarios that require low response latency and cannot be called by other FAs.
+   */
+  abilityType: number;
+  /**
+   * Whether the request is synchronous or asynchronous. The synchronous mode is used by default. Currently, the asynchronous mode is available only for internal abilities.
+   * 0: Synchronous mode (default value)
+   * 1: Asynchronous mode
+   */
+  syncOption?: number;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface RequestParams {
+  /**
+   * The name of the bundle to start. It should be used with abilityname and case sensitive.
+   * @devices tv, phone, tablet, wearable
+   */
+  bundleName?: string;
+  /**
+   * Ability name, which is case sensitive.
+   * @devices tv, phone, tablet, wearable
+   */
+  abilityName?: string;
+  /**
+   * The list of entities to which the FA to be called. If it is not filled in, all entity lists will be found by default. It should be used with action.
+   * @devices tv, phone, tablet, wearable
+   */
+  entities?: Array<string>;
+  /**
+   * Without specifying the bundle name and ability name, you can start the application according to other properties with action.
+   * @devices tv, phone, tablet, wearable
+   */
+  action?: string;
+  /**
+   * If more than one FA meets the conditions, the user can select the device from the popup.
+   * 0: Default. Select the FA to start from the local and remote devices.
+   * 1: start FA from the local device.
+   * @devices tv, phone, tablet, wearable
+   */
+  deviceType?: number;
+  /**
+   * Data sent to the ability which need to be serializable.
+   * @devices tv, phone, tablet, wearable
+   */
+  data?: object;
+  /**
+   * Configuration switch when start FA.
+   * @devices tv, phone, tablet, wearable
+   */
+  flag?: number;
+  /**
+   * Specify the url of the page which the FA to be called. Use home page directly by default.
+   * @devices tv, phone, tablet, wearable
+   */
+  url?: string;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface FinishWithResultParams {
+  /**
+   * Result code.
+   * @devices tv, phone, tablet, wearable
+   */
+  code: number;
+
+  /**
+   * Returned data.
+   * @devices tv, phone, tablet, wearable
+   */
+  result: object;
+}
+
+export declare class FeatureAbility {
+  /**
+   * Start a FA without callback result.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result of whether to call Ability's interface successfully.
+   * @devices tv, phone, tablet, wearable
+   */
+  static startAbility(request: RequestParams): Promise<Result>;
+
+  /**
+   * Start a FA with callback result.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result of the data FA returned.
+   * @devices tv, phone, tablet, wearable
+   */
+  static startAbilityForResult(request: RequestParams): Promise<Result>;
+
+  /**
+   * FA call the interface to destory itself and set the result as parameters.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result whether to callback successfully.
+   * @devices tv, phone, tablet, wearable
+   */
+  static finishWithResult(param: FinishWithResultParams): Promise<Result>;
+
+  /**
+   * Calls an AA.
+   * @param param Indicates the request param.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   */
+  static callAbility(param: CallAbilityParam): Promise<string>;
+
+  /**
+   * Start FA migration.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   * @devices tv, phone, tablet, wearable
+   */
+  static continueAbility(): Promise<Result>;
+
+  /**
+   * Subscribes to events of an AA.
+   * @param param Indicates the request param.
+   * @param func Indicates the event reporting callback.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   */
+  static subscribeAbilityEvent(param: SubscribeAbilityEventParam, func: Function): Promise<string>;
+
+  /**
+   * Unsubscribes from events of an AA.
+   * @param param Indicates the request param.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   */
+  static unsubscribeAbilityEvent(param: SubscribeAbilityEventParam): Promise<string>;
+}
diff --git a/api/tablet/@internal/global.d.ts b/api/tablet/@internal/global.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..16d5d3551bea5d806ff2001cb848a2390a26f9d6
--- /dev/null
+++ b/api/tablet/@internal/global.d.ts
@@ -0,0 +1,172 @@
+/*
+ * 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;
+
+/**
+ * Get the java interface instance. The java instance needs to register, otherwise it cannot be obtained.
+ * After obtaining the instance, you can call the function with the same name on the Java side.
+ * @param name Java interface name, including package path, such as com.example.test.timeinterfaceimpl.
+ * @returns A promise object is returned. The resolve callback is the object of PA. The reject callback returns the object containing code and error data
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ * @since 3
+ */
+export declare function createLocalParticleAbility(name?: string): any;
+
+/**
+ * Sets a vsync after which a function will be executed.
+ * @param handler Indicates the function to be called when the vsync trigger.
+ */
+export declare function requestAnimationFrame(handler: Function): number;
+
+/**
+ * Cancels the vsync callback set by "requestAnimationFrame()".
+ * @param requestId Indicates the vsync callback ID returned by "requestAnimationFrame()".
+ */
+export declare function cancelAnimationFrame(requestId: 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/@internal/component/ets/geometryView.d.ts b/api/tablet/@internal/index.d.ts
similarity index 68%
rename from api/@internal/component/ets/geometryView.d.ts
rename to api/tablet/@internal/index.d.ts
index 2a99abf732c2da4e7f0acbb6f64280a26e76de4c..8712a2be0c6d8bd7db0dfa187cd0f1cfc2af817c 100644
--- a/api/@internal/component/ets/geometryView.d.ts
+++ b/api/tablet/@internal/index.d.ts
@@ -1,22 +1,19 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {CommonMethod} from "./common";
-
-interface GeometryView extends CommonMethod<GeometryView> {
-  (callback: (geometry?: any) => void): GeometryView;
-}
-
-export declare const GeometryViewInterface: GeometryView;
+/*
+ * 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
new file mode 100644
index 0000000000000000000000000000000000000000..d2dfe1c838b4fef2e6b0efc60883ad209fc09ee2
--- /dev/null
+++ b/api/tablet/@internal/viewmodel.d.ts
@@ -0,0 +1,2316 @@
+/*
+ * 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;
+
+  /**
+   * 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
new file mode 100644
index 0000000000000000000000000000000000000000..84587bda64bf7a965f03d23a2de98f223b66e093
--- /dev/null
+++ b/api/tablet/@system.app.d.ts
@@ -0,0 +1,95 @@
+/*
+ * 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;
+
+  /**
+   * 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/tablet/@system.battery.d.ts b/api/tablet/@system.battery.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c798225995b34e37fdeff90f6c39993244481e37
--- /dev/null
+++ b/api/tablet/@system.battery.d.ts
@@ -0,0 +1,59 @@
+/*
+ * 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 BatteryResponse {
+  /**
+   * Whether the battery is being charged.
+   * @since 3
+   */
+  charging: boolean;
+
+  /**
+   * Current battery level, which ranges from 0.00 to 1.00.
+   * @since 3
+   */
+  level: number;
+}
+
+export interface GetStatusOptions {
+  /**
+   * Called when the current charging state and battery level are obtained.
+   * @since 3
+   */
+  success?: (data: BatteryResponse) => void;
+
+  /**
+   * Called when the current charging state and battery level fail to be obtained.
+   * @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 Battery {
+  /**
+   * Obtains the battery level of the current device.
+   * @param options
+   */
+  static getStatus(options?: GetStatusOptions): void;
+}
diff --git a/api/tablet/@system.bluetooth.d.ts b/api/tablet/@system.bluetooth.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3b113373c3516caeaa3080c9b772639e73b9ea42
--- /dev/null
+++ b/api/tablet/@system.bluetooth.d.ts
@@ -0,0 +1,79 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface StartBLEScanOptions {
+  interval: number;
+
+  success: () => void;
+
+  fail: (data: string, code: number) => void;
+
+  complete: () => void;
+}
+
+export interface StopBLEScanOptions {
+  success: () => void;
+
+  fail: (data: string, code: number) => void;
+
+  complete: () => void;
+}
+
+export interface BluetoothDevice {
+  addrType: "public" | "random";
+
+  addr: string;
+
+  rssi: number;
+
+  txpower: string;
+
+  data: string;
+}
+
+export interface BLEFoundResponse {
+  devices: Array<BluetoothDevice>;
+}
+
+export interface SubscribeBLEFoundOptions{
+    success: (data: BLEFoundResponse) => void;
+
+    fail: (data: string, code: number) => void;
+}
+
+export default class Bluetooth {
+  /**
+   * Start BLE scan
+   * @param options Options
+   */
+  static startBLEScan(options: StartBLEScanOptions): void;
+
+  /**
+   * Stop BLE scan
+   * @param options Options
+   */
+  static stopBLEScan(options: StopBLEScanOptions): void;
+
+  /**
+   * Subscribe BLE found
+   * @param options Options
+   */
+  static subscribeBLEFound(options: SubscribeBLEFoundOptions): void;
+
+  /**
+   * Stop the subscription of BLE found
+   */
+  static unsubscribeBLEFound(): void;
+}
\ No newline at end of file
diff --git a/api/tablet/@system.brightness.d.ts b/api/tablet/@system.brightness.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e22b4e0938f1bc2c25e2410efe94b02b829722ab
--- /dev/null
+++ b/api/tablet/@system.brightness.d.ts
@@ -0,0 +1,180 @@
+/*
+ * 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.
+ */
+
+/**
+ * The screen brightness mode.
+ */
+export enum BrightnessModeResponse {
+  /**
+   * The screen brightness is manually adjusted.
+   * @since 3
+   */
+  MANUAL,
+
+  /**
+   * The screen brightness is automatically adjusted.
+   * @since 3
+   */
+  AUTO
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Brightness {
+  /**
+   * Obtains the current screen brightness.
+   * @param options
+   */
+  static getValue(options?: {
+    /**
+     * Called when the current screen brightness is obtains.
+     * @since 3
+     */
+    success?: (data: { value: number }) => void;
+
+    /**
+     * Called when the current screen bightness fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets the screen brightness.
+   * @param options
+   */
+  static setValue(options: {
+    /**
+     * Screen brightness. The value is an integer ranging from 1 to 255.
+     * If the value is less than or equal to 0, value 1 will be used.
+     * If the value is greater than 255, value 255 will be used.
+     * If the value contains decimals, the integral part of the value will be used.
+     * For example, if value 8.1 is set, value 8 will be used.
+     * @since 3
+     */
+    value: number;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution os completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the screen brightness adjustment mode.
+   * @param options
+   */
+  static getMode(options?: {
+    /**
+     * Called when the screen brightness adjustment mode is obtained.
+     * @since 3
+     */
+    success?: (data: { mode: BrightnessModeResponse }) => void;
+
+    /**
+     * Called when the screen brightness adjustment mode fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets the screen brightness adjustment mode.
+   * @param options
+   */
+  static setMode(options: {
+    /**
+     * The screen brightness mode
+     * 0: The screen brightness is manually adjusted.
+     * 1: The screen brightness is automatically adjusted.
+     * @since 3
+     */
+    mode: BrightnessModeResponse;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets whether to always keep the screen on.
+   * @param options
+   */
+  static setKeepScreenOn(options: {
+    /**
+     * Whether to always keep the screen on.
+     * @since 3
+     */
+    keepScreenOn: boolean;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting 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.configuration.d.ts b/api/tablet/@system.configuration.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f829359b523208f086afac0c799de45347126456
--- /dev/null
+++ b/api/tablet/@system.configuration.d.ts
@@ -0,0 +1,46 @@
+/*
+ * 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.device.d.ts b/api/tablet/@system.device.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a7ffbfb8ab647ae46c71f395d3830bf6268e2483
--- /dev/null
+++ b/api/tablet/@system.device.d.ts
@@ -0,0 +1,135 @@
+/*
+ * 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 DeviceResponse {
+  /**
+   * Brand.
+   * @since 3
+   */
+  brand: string;
+
+  /**
+   * Manufacturer.
+   * @since 3
+   */
+  manufacturer: string;
+
+  /**
+   * Model.
+   * @since 3
+   */
+  model: string;
+
+  /**
+   * Product number.
+   * @since 3
+   */
+  product: string;
+
+  /**
+   * System language.
+   * @since 4
+   */
+  language: string;
+
+  /**
+   * System region.
+   * @since 4
+   */
+  region: string;
+
+  /**
+   * Window width.
+   * @since 3
+   */
+  windowWidth: number;
+
+  /**
+   * Window Height.
+   * @since 3
+   */
+  windowHeight: number;
+
+  /**
+   * Screen density.
+   * @since 4
+   */
+  screenDensity: number;
+
+  /**
+   * Screen shape. The options are as follows:
+   * rect: Rectangle screen.
+   * cicle: Circle screen.
+   * @since 4
+   */
+  screenShape: "rect" | "circle";
+
+  /**
+   * API version.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  apiVersion: number;
+
+  /**
+   * Device type. The options are as follows:
+   * phone: smartphone
+   * tablet: tablet
+   * tv: smart TV
+   * wearable: wearable
+   * liteWearable: lite wearable
+   * ar: AR
+   * vr: virtual reality
+   * earphones: headset
+   * pc: personal computer
+   * speaker: speaker
+   * smartVision: smart visual device
+   * linkIoT: connection module
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  deviceType: string;
+}
+
+export interface GetDeviceOptions {
+  /**
+   * Called when the device information is obtained.
+   * @since 3
+   */
+  success?: (data: DeviceResponse) => void;
+
+  /**
+   * Called when the device information fails to be obtained.
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Device {
+  /**
+   * Obtains the device information.
+   * @param options
+   */
+  static getInfo(options?: GetDeviceOptions): void;
+}
diff --git a/api/tablet/@system.fetch.d.ts b/api/tablet/@system.fetch.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1effccc7fe17cbadddaac9259c504402ebf9f8f2
--- /dev/null
+++ b/api/tablet/@system.fetch.d.ts
@@ -0,0 +1,93 @@
+/*
+ * 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 FetchResponse {
+  /**
+   * Server status code.
+   * @since 3
+   */
+  code: number;
+
+  /**
+   * Data returned by the success function.
+   * @since 3
+   */
+  data: string | object;
+
+  /**
+   * All headers in the response from the server.
+   * @since 3
+   */
+  headers: Object;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Fetch {
+  /**
+   * Obtains data through the network.
+   * @param options
+   */
+  static fetch(options: {
+    /**
+     * Resource URL.
+     * @since 3
+     */
+    url: string;
+
+    /**
+     * Request parameter, which can be of the string type or a JSON object.
+     * @since 3
+     */
+    data?: string | object;
+
+    /**
+     * Request header, which accommodates all attributes of the request.
+     * @since 3
+     */
+    header?: Object;
+
+    /**
+     * Request methods available: OPTIONS, GET, HEAD, POST, PUT, DELETE and TRACE. The default value is GET.
+     * @since 3
+     */
+    method?: string;
+
+    /**
+     * The return type can be text, or JSON. By default, the return type is determined based on Content-Type in the header returned by the server.
+     * @since 3
+     */
+    responseType?: string;
+
+    /**
+     * Called when the network data is obtained successfully.
+     * @since 3
+     */
+    success?: (data: FetchResponse) => void;
+
+    /**
+     * Called when the network data fails to be obtained.
+     * @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.file.d.ts b/api/tablet/@system.file.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c890c43d9c4ebff25809a00173a31d972b1cc5f2
--- /dev/null
+++ b/api/tablet/@system.file.d.ts
@@ -0,0 +1,505 @@
+/*
+ * 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.geolocation.d.ts b/api/tablet/@system.geolocation.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..251f466768a51d6a6883cd169c7989bd9b851920
--- /dev/null
+++ b/api/tablet/@system.geolocation.d.ts
@@ -0,0 +1,156 @@
+/*
+ * 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 GeolocationResponse {
+  /**
+   * Longitude.
+   * @since 3
+   */
+  longitude: number;
+
+  /**
+   * Latitude.
+   * @since 3
+   */
+  latitude: number;
+
+  /**
+   * Altitude.
+   * @since 3
+   */
+  altitude: number;
+
+  /**
+   * Location accuracy.
+   * @since 3
+   */
+  accuracy: number;
+
+  /**
+   * Time when the location is obtained.
+   * @since 3
+   */
+  time: number;
+}
+
+export interface GetLocationTypeOption {
+  /**
+   * Available location types, ['gps', 'network'].
+   * @since 3
+   */
+  types: Array<string>;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Geolocation {
+  /**
+   * Obtains the geographic location.
+   * @param options
+   */
+  static getLocation(options?: {
+    /**
+     * Timeout duration, in milliseconds. The default value is 30000.
+     * The timeout duration is necessary in case no result is returned if the request to obtain the geographic location is rejected for the lack of the required permission, weak positioning signal, or incorrect location settings. After the timeout duration expires, the fail function will be called.
+     * The value is a 32-digit positive integer. If the value set is less than or equal to 0, the default value will be used.
+     * @since 3
+     */
+    timeout?: number;
+
+    /**
+     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographic location is obtained.
+     * @since 3
+     */
+    success?: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the supported location types.
+   * @param options
+   */
+  static getLocationType(options?: {
+    /**
+     * Called when the location types are obtained.
+     * @since 3
+     */
+    success?: (data: GetLocationTypeOption) => void;
+
+    /**
+     * Called when the location types fail to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to the geographical location. If this method is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribe(options: {
+    /**
+     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographical location changes.
+     * @since 3
+     */
+    success: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to the geographical location.
+   */
+  static unsubscribe(): void;
+
+  /**
+   * Obtains coordinate system types supported by the device.
+   * @returns A string array of the supported coordinate system types. For details about the value, see coordType.
+   */
+  static getSupportedCoordTypes(): Array<string>;
+}
diff --git a/api/tablet/@system.mediaquery.d.ts b/api/tablet/@system.mediaquery.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8d8eb51a8e2b75a3234ad9ff95e1c949f715348d
--- /dev/null
+++ b/api/tablet/@system.mediaquery.d.ts
@@ -0,0 +1,66 @@
+/*
+ * 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.network.d.ts b/api/tablet/@system.network.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..531ea6800be9e9d10c7837dc65c40e7e2d3f789a
--- /dev/null
+++ b/api/tablet/@system.network.d.ts
@@ -0,0 +1,81 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface NetworkResponse {
+  /**
+   * Network type. The values can be 2G, 3G, 4G, WiFi, or none.
+   * @since 3
+   */
+  type: string;
+
+  /**
+   * Whether the billing is based on the data volume.
+   * @since 3
+   */
+  metered: boolean;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Network {
+  /**
+   * Obtains the network type.
+   * @param options
+   */
+  static getType(options?: {
+    /**
+     * Called when the network type is obtained.
+     * @since 3
+     */
+    success?: (data: NetworkResponse) => void;
+
+    /**
+     * Called when the network type fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to the network connection state. If this method is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribe(options?: {
+    /**
+     * Called when the network connection state changes.
+     * @since 3
+     */
+    success?: (data: NetworkResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to the network connection state.
+   * @param options
+   */
+  static unsubscribe(): void;
+}
diff --git a/api/tablet/@system.notification.d.ts b/api/tablet/@system.notification.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4b44726778ab854ed5bb693a9b6f0d5794914ec5
--- /dev/null
+++ b/api/tablet/@system.notification.d.ts
@@ -0,0 +1,67 @@
+/*
+ * 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 ActionResult {
+  /**
+   * Bundle name of the application to be redirected to after the notification is clicked.
+   * @since 3
+   */
+  bundleName: string;
+
+  /**
+   * Ability name of the application to be redirected to after the notification is clicked.
+   * @since 3
+   */
+  abilityName: string;
+
+  /**
+   * URI of the page to be redirected to. The supported URI formats are as follows:
+   * 1. Absolute path of the page, which is provided by the pages list in the config.json file. Example:
+   * pages/index/index
+   * pages/detail/detail
+   * 2. Particular path. If the value is a slash (/), the home page is displayed.
+   * @since 3
+   */
+  uri: string;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Notification {
+  /**
+   * Displays the notification.
+   * @param options
+   */
+  static show(options?: {
+    /**
+     * Notification title.
+     * @since 3
+     */
+    contentTitle?: string;
+
+    /**
+     * Notification content.
+     * @since 3
+     */
+    contentText?: string;
+
+    /**
+     * Action triggered after the notification is clicked.
+     * @since 3
+     */
+    clickAction?: ActionResult;
+  }): void;
+}
\ No newline at end of file
diff --git a/api/tablet/@system.package.d.ts b/api/tablet/@system.package.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2a918ec35a897e6332a87cc24b0a615d9ef33944
--- /dev/null
+++ b/api/tablet/@system.package.d.ts
@@ -0,0 +1,57 @@
+/*
+ * 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 CheckPackageHasInstalledResponse {
+  /**
+   * Whether the application exists, or whether the native application has been installed.
+   * @since 3
+   */
+  result: boolean;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Package {
+  /**
+   * Checks whether an application exists, or whether a native application has been installed.
+   * @param options
+   */
+  static hasInstalled(options: {
+    /**
+     * Application bundle name.
+     * @since 3
+     */
+    bundleName: string;
+
+    /**
+     * Called when native applications are installed.\
+     * @since 3
+     */
+    success?: (data: CheckPackageHasInstalledResponse) => void;
+
+    /**
+     * Called when native applications fail to be installed.
+     * @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.prompt.d.ts b/api/tablet/@system.prompt.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..72f4ae0349a9d484621d4d7a05a54a512ffeea2c
--- /dev/null
+++ b/api/tablet/@system.prompt.d.ts
@@ -0,0 +1,138 @@
+/*
+ * 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.request.d.ts b/api/tablet/@system.request.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..22cfab44746021a33a8b85c81484a343c2c93b2c
--- /dev/null
+++ b/api/tablet/@system.request.d.ts
@@ -0,0 +1,227 @@
+/*
+ * 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 UploadResponse {
+  /**
+   * Status code returned by the server.
+   * @since 3
+   */
+  code: number;
+
+  /**
+   * Content returned by the server. The value type is determined by the returned content.
+   * @since 3
+   */
+  data: string;
+
+  /**
+   * Headers returned by the server.
+   * @since 3
+   */
+  headers: Object;
+}
+
+export interface DownloadResponse {
+  /**
+   * Download token, which is used to obtain the download status.
+   * @since 3
+   */
+  token: string;
+}
+
+export interface OnDownloadCompleteResponse {
+  /**
+   * URI of the download file.
+   * @since 3
+   */
+  uri: string;
+}
+
+export interface RequestFile {
+  /**
+   * File name in the header when multipart is used.
+   * @since 3
+   */
+  filename?: string;
+
+  /**
+   * Name of a form item when multipart is used. The default value is file.
+   * @since 3
+   */
+  name?: string;
+
+  /**
+   * Local storage directory of a file.
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Type of the file content. By default, the type is obtained based on the suffix of the filename or URI.
+   * @since 3
+   */
+  type?: string;
+}
+
+export interface RequestData {
+  /**
+   * Name of the form element.
+   * @since 3
+   */
+  name: string;
+
+  /**
+   * Value of the form element.
+   * @since 3
+   */
+  value: string;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Request {
+  /**
+   * Upload files.
+   * @param options
+   */
+  static upload(options: {
+    /**
+     * Resource URL.
+     * @since 3
+     */
+    url: string;
+
+    /**
+     * Form data in the request body.
+     * @since 3
+     */
+    data?: RequestData[];
+
+    /**
+     * List of files to upload, which is submitted through multipart/form-data.
+     * @since 3
+     */
+    files: RequestFile[];
+
+    /**
+     * Request header.
+     * @since 3
+     */
+    header?: Object;
+
+    /**
+     * Request methods available: POST and PUT. The default value is POST.
+     * @since 3
+     */
+    method?: string;
+
+    /**
+     * Called when the files are uploaded successfully.
+     * @since 3
+     */
+    success?: (data: UploadResponse) => void;
+
+    /**
+     * Called when uploading fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * This API is used to download files.
+   * @param options
+   */
+  static download(options: {
+    /**
+     * Resource URL.
+     * @since 3
+     */
+    url: string;
+
+    /**
+     * Name of the file to downloaded. The value is obtained from the current request or resource URL by default.
+     * @since 3
+     */
+    filename?: string;
+
+    /**
+     * Request header.
+     * @since 3
+     */
+    header?: string;
+
+    /**
+     * Download description. The default value is the file name.
+     * @since 3
+     */
+    description?: string;
+
+    /**
+     * Called when the files are successfully downloaded.
+     * @since 3
+     */
+    success?: (data: DownloadResponse) => void;
+
+    /**
+     * Called when downloading fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to download task status.
+   * @param options
+   */
+  static onDownloadComplete(options: {
+    /**
+     * Token of the result returned by the download function.
+     * @since 3
+     */
+    token: string;
+
+    /**
+     * Called when the downloads are successfully obtained
+     * @since 3
+     */
+    success?: (data: OnDownloadCompleteResponse) => void;
+
+    /**
+     * Called when the downloads fail to be obtained.
+     * @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.router.d.ts b/api/tablet/@system.router.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c245c5b63345b26c48203d6e95023a2d0c7cf942
--- /dev/null
+++ b/api/tablet/@system.router.d.ts
@@ -0,0 +1,178 @@
+/*
+ * 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/tablet/@system.storage.d.ts b/api/tablet/@system.storage.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0a4c814410881f33a8ac681071831194e235c72d
--- /dev/null
+++ b/api/tablet/@system.storage.d.ts
@@ -0,0 +1,145 @@
+/*
+ * 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.
+ */
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Storage {
+  /**
+   * Reads the stored content.
+   * @param options
+   */
+  static get(options: {
+    /**
+     * Content index.
+     * @since 3
+     */
+    key: string;
+
+    /**
+     * Default value returned when the key does not exist. If this parameter is not specified, an empty string is returned.
+     * @since 3
+     */
+    default?: string;
+
+    /**
+     * Called when the stored content is read successfully.
+     * @since 3
+     */
+    success?: (data: any) => void;
+
+    /**
+     * Called when the stored content fails to be read.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Modifies the stored content.
+   * @param options
+   */
+  static set(options: {
+    /**
+     * Index of the stored content to be modified.
+     * @since 3
+     */
+    key: string;
+
+    /**
+     * Target storage content. If the content is an empty string, the data item with the key as the index will be deleted.
+     * @since 3
+     */
+    value: string;
+
+    /**
+     * Called when the stored content is modified successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the stored content fails to be modified.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Clears the stored content.
+   * @param options
+   */
+  static clear(options?: {
+    /**
+     * Called when the stored content is cleared successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the stored content fails to be cleared.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Deletes the stored content.
+   * @param options
+   */
+  static delete(options: {
+    /**
+     * Content index.
+     * @since 3
+     */
+    key: string;
+
+    /**
+     * Called when the stored content is deleted successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the stored content fails to be deleted.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/tv/@internal/console.d.ts b/api/tv/@internal/console.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a89f67bb0d4c1a7891e03c9c5aef61c6bfc04e57
--- /dev/null
+++ b/api/tv/@internal/console.d.ts
@@ -0,0 +1,46 @@
+/*
+ * 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/featureability.d.ts b/api/tv/@internal/featureability.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f9ba85a227f0dcbafdb4f50535250aa1c74d82c8
--- /dev/null
+++ b/api/tv/@internal/featureability.d.ts
@@ -0,0 +1,204 @@
+/*
+ * 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 Result {
+  /**
+   * Result code.
+   */
+  code: number;
+
+  /**
+   * Returned data.
+   */
+  data: object;
+}
+
+export interface CallAbilityParam {
+  /**
+   * Name of the bundle where the ability locates. The name is case sensitive and must be the same as that on the AA side.
+   */
+  bundleName: string;
+  /**
+   * Ability name, which is case sensitive and must be the same as that on the AA side.
+   */
+  abilityName: string;
+  /**
+   * Ability operation code, which defines the service function of an AA and must be consistent with the AA side.
+   */
+  messageCode: number;
+  /**
+   * Ability type. Different types of abilities have different implementation on the AA side.
+   * 0: Ability, which has an independent lifecycle. The FA starts and requests an AA through an RPC. Such type of abilities are used to provide basic services for multiple FAs to call or are used when the abilities should run in the background.
+   * 1: Internal ability, which shares the same process with the FA and communicates with it by calling internal functions. Such type of abilities are used in scenarios that require low response latency and cannot be called by other FAs.
+   */
+  abilityType: number;
+  /**
+   * Data sent to the ability. The data to carry differs depending on the service to be processed and its field name must be consistent with the AA side.
+   */
+  data?: object;
+  /**
+   * Whether the request is synchronous or asynchronous. The synchronous mode is used by default. Currently, the asynchronous mode is available only for internal abilities.
+   * 0: Synchronous mode (default value)
+   * 1: Asynchronous mode
+   */
+  syncOption?: number;
+}
+
+export interface SubscribeAbilityEventParam {
+  /**
+   * Name of the bundle where the ability locates. The name is case sensitive and must be the same as that on the AA side.
+   */
+  bundleName: string;
+  /**
+   * Ability name, which is case sensitive and must be the same as that on the AA side.
+   */
+  abilityName: string;
+  /**
+   * Ability operation code, which defines the service function of an AA and must be consistent with the AA side.
+   */
+  messageCode: number;
+  /**
+   * Ability type. Different types of abilities have different implementation on the AA side.
+   * 0: Ability, which has an independent lifecycle. The FA starts and requests an AA through an RPC. Such type of abilities are used to provide basic services for multiple FAs to call or are used when the abilities should run in the background.
+   * 1: Internal ability, which shares the same process with the FA and communicates with it by calling internal functions. Such type of abilities are used in scenarios that require low response latency and cannot be called by other FAs.
+   */
+  abilityType: number;
+  /**
+   * Whether the request is synchronous or asynchronous. The synchronous mode is used by default. Currently, the asynchronous mode is available only for internal abilities.
+   * 0: Synchronous mode (default value)
+   * 1: Asynchronous mode
+   */
+  syncOption?: number;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface RequestParams {
+  /**
+   * The name of the bundle to start. It should be used with abilityname and case sensitive.
+   * @devices tv, phone, tablet, wearable
+   */
+  bundleName?: string;
+  /**
+   * Ability name, which is case sensitive.
+   * @devices tv, phone, tablet, wearable
+   */
+  abilityName?: string;
+  /**
+   * The list of entities to which the FA to be called. If it is not filled in, all entity lists will be found by default. It should be used with action.
+   * @devices tv, phone, tablet, wearable
+   */
+  entities?: Array<string>;
+  /**
+   * Without specifying the bundle name and ability name, you can start the application according to other properties with action.
+   * @devices tv, phone, tablet, wearable
+   */
+  action?: string;
+  /**
+   * If more than one FA meets the conditions, the user can select the device from the popup.
+   * 0: Default. Select the FA to start from the local and remote devices.
+   * 1: start FA from the local device.
+   * @devices tv, phone, tablet, wearable
+   */
+  deviceType?: number;
+  /**
+   * Data sent to the ability which need to be serializable.
+   * @devices tv, phone, tablet, wearable
+   */
+  data?: object;
+  /**
+   * Configuration switch when start FA.
+   * @devices tv, phone, tablet, wearable
+   */
+  flag?: number;
+  /**
+   * Specify the url of the page which the FA to be called. Use home page directly by default.
+   * @devices tv, phone, tablet, wearable
+   */
+  url?: string;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface FinishWithResultParams {
+  /**
+   * Result code.
+   * @devices tv, phone, tablet, wearable
+   */
+  code: number;
+
+  /**
+   * Returned data.
+   * @devices tv, phone, tablet, wearable
+   */
+  result: object;
+}
+
+export declare class FeatureAbility {
+  /**
+   * Start a FA without callback result.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result of whether to call Ability's interface successfully.
+   * @devices tv, phone, tablet, wearable
+   */
+  static startAbility(request: RequestParams): Promise<Result>;
+
+  /**
+   * Start a FA with callback result.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result of the data FA returned.
+   * @devices tv, phone, tablet, wearable
+   */
+  static startAbilityForResult(request: RequestParams): Promise<Result>;
+
+  /**
+   * FA call the interface to destory itself and set the result as parameters.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result whether to callback successfully.
+   * @devices tv, phone, tablet, wearable
+   */
+  static finishWithResult(param: FinishWithResultParams): Promise<Result>;
+
+  /**
+   * Calls an AA.
+   * @param param Indicates the request param.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   */
+  static callAbility(param: CallAbilityParam): Promise<string>;
+
+  /**
+   * Start FA migration.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   * @devices tv, phone, tablet, wearable
+   */
+  static continueAbility(): Promise<Result>;
+
+  /**
+   * Subscribes to events of an AA.
+   * @param param Indicates the request param.
+   * @param func Indicates the event reporting callback.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   */
+  static subscribeAbilityEvent(param: SubscribeAbilityEventParam, func: Function): Promise<string>;
+
+  /**
+   * Unsubscribes from events of an AA.
+   * @param param Indicates the request param.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   */
+  static unsubscribeAbilityEvent(param: SubscribeAbilityEventParam): Promise<string>;
+}
diff --git a/api/tv/@internal/global.d.ts b/api/tv/@internal/global.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1ba01581adce620a77eddfa23be95dff40f52ff7
--- /dev/null
+++ b/api/tv/@internal/global.d.ts
@@ -0,0 +1,172 @@
+/*
+ * 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;
+
+/**
+ * Get the java interface instance. The java instance needs to register, otherwise it cannot be obtained.
+ * After obtaining the instance, you can call the function with the same name on the Java side.
+ * @param name Java interface name, including package path, such as com.example.test.timeinterfaceimpl.
+ * @returns A promise object is returned. The resolve callback is the object of PA. The reject callback returns the object containing code and error data
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ * @since 3
+ */
+export declare function createLocalParticleAbility(name?: string): any;
+
+/**
+ * Sets a vsync after which a function will be executed.
+ * @param handler Indicates the function to be called when the vsync trigger.
+ */
+export declare function requestAnimationFrame(handler: Function): number;
+
+/**
+ * Cancels the vsync callback set by "requestAnimationFrame()".
+ * @param requestId Indicates the vsync callback ID returned by "requestAnimationFrame()".
+ */
+export declare function cancelAnimationFrame(requestId: 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/@internal/component/ets/camera.d.ts b/api/tv/@internal/index.d.ts
similarity index 60%
rename from api/@internal/component/ets/camera.d.ts
rename to api/tv/@internal/index.d.ts
index 9487797ea65619ace03905162475f64f536cb1b1..8712a2be0c6d8bd7db0dfa187cd0f1cfc2af817c 100644
--- a/api/@internal/component/ets/camera.d.ts
+++ b/api/tv/@internal/index.d.ts
@@ -1,29 +1,19 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {CommonMethod} from "./common";
-
-export declare enum DevicePosition {
-  Front,
-  Back
-}
-
-interface Camera extends CommonMethod<Camera> {
-  (value: { id: string, resolutionWidth: number, resolutionHeight: number }): Camera;
-
-  devicePosition(value: DevicePosition): Camera;
-}
-
-export declare const CameraInterface: Camera;
+/*
+ * 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
new file mode 100644
index 0000000000000000000000000000000000000000..4098a8d15f6001cb4aaf3108585f820a3940c442
--- /dev/null
+++ b/api/tv/@internal/viewmodel.d.ts
@@ -0,0 +1,2284 @@
+/*
+ * 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;
+
+  /**
+   * 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
new file mode 100644
index 0000000000000000000000000000000000000000..1880127f90af4501f708cab0cb3a2b19d123b4e3
--- /dev/null
+++ b/api/tv/@system.app.d.ts
@@ -0,0 +1,76 @@
+/*
+ * 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;
+
+  /**
+   * 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/tv/@system.bluetooth.d.ts b/api/tv/@system.bluetooth.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3b113373c3516caeaa3080c9b772639e73b9ea42
--- /dev/null
+++ b/api/tv/@system.bluetooth.d.ts
@@ -0,0 +1,79 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface StartBLEScanOptions {
+  interval: number;
+
+  success: () => void;
+
+  fail: (data: string, code: number) => void;
+
+  complete: () => void;
+}
+
+export interface StopBLEScanOptions {
+  success: () => void;
+
+  fail: (data: string, code: number) => void;
+
+  complete: () => void;
+}
+
+export interface BluetoothDevice {
+  addrType: "public" | "random";
+
+  addr: string;
+
+  rssi: number;
+
+  txpower: string;
+
+  data: string;
+}
+
+export interface BLEFoundResponse {
+  devices: Array<BluetoothDevice>;
+}
+
+export interface SubscribeBLEFoundOptions{
+    success: (data: BLEFoundResponse) => void;
+
+    fail: (data: string, code: number) => void;
+}
+
+export default class Bluetooth {
+  /**
+   * Start BLE scan
+   * @param options Options
+   */
+  static startBLEScan(options: StartBLEScanOptions): void;
+
+  /**
+   * Stop BLE scan
+   * @param options Options
+   */
+  static stopBLEScan(options: StopBLEScanOptions): void;
+
+  /**
+   * Subscribe BLE found
+   * @param options Options
+   */
+  static subscribeBLEFound(options: SubscribeBLEFoundOptions): void;
+
+  /**
+   * Stop the subscription of BLE found
+   */
+  static unsubscribeBLEFound(): void;
+}
\ No newline at end of file
diff --git a/api/tv/@system.brightness.d.ts b/api/tv/@system.brightness.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0b0f77883516d7e34dd4b72eeca399c2a80c410c
--- /dev/null
+++ b/api/tv/@system.brightness.d.ts
@@ -0,0 +1,184 @@
+/*
+ * 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.
+ */
+
+/**
+ * The screen brightness mode.
+ */
+export interface BrightnessResponse {
+  /**
+   * Screen brightness, which ranges from 1 to 255.
+   * @since 3
+   */
+  value: number;
+}
+
+export interface BrightnessModeResponse {
+  /**
+   * The value can be 0 or 1.
+   * 0: The screen brightness is manually adjusted.
+   * 1: The screen brightness is automatically adjusted.
+   * @since 3
+   */
+  mode: number;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Brightness {
+  /**
+   * Obtains the current screen brightness.
+   * @param options
+   */
+  static getValue(options?: {
+    /**
+     * Called when the current screen brightness is obtains.
+     * @since 3
+     */
+    success?: (data: BrightnessResponse) => void;
+
+    /**
+     * Called when the current screen bightness fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets the screen brightness.
+   * @param options
+   */
+  static setValue(options: {
+    /**
+     * Screen brightness. The value is an integer ranging from 1 to 255.
+     * If the value is less than or equal to 0, value 1 will be used.
+     * If the value is greater than 255, value 255 will be used.
+     * If the value contains decimals, the integral part of the value will be used.
+     * For example, if value 8.1 is set, value 8 will be used.
+     * @since 3
+     */
+    value: number;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution os completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the screen brightness adjustment mode.
+   * @param options
+   */
+  static getMode(options?: {
+    /**
+     * Called when the screen brightness adjustment mode is obtained.
+     * @since 3
+     */
+    success?: (data: BrightnessModeResponse) => void;
+
+    /**
+     * Called when the screen brightness adjustment mode fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets the screen brightness adjustment mode.
+   * @param options
+   */
+  static setMode(options: {
+    /**
+     * The screen brightness mode.
+     * 0: The screen brightness is manually adjusted.
+     * 1: The screen brightness is automatically adjusted.
+     * @since 3
+     */
+    mode: number;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets whether to always keep the screen on.
+   * @param options
+   */
+  static setKeepScreenOn(options: {
+    /**
+     * Whether to always keep the screen on.
+     * @since 3
+     */
+    keepScreenOn: boolean;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting 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.configuration.d.ts b/api/tv/@system.configuration.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f829359b523208f086afac0c799de45347126456
--- /dev/null
+++ b/api/tv/@system.configuration.d.ts
@@ -0,0 +1,46 @@
+/*
+ * 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.device.d.ts b/api/tv/@system.device.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..529b611d862c67be5f395e6bc7f6b2295ed76f8d
--- /dev/null
+++ b/api/tv/@system.device.d.ts
@@ -0,0 +1,134 @@
+/*
+ * 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 DeviceResponse {
+  /**
+   * Brand.
+   * @since 3
+   */
+  brand: string;
+
+  /**
+   * Manufacturer.
+   * @since 3
+   */
+  manufacturer: string;
+
+  /**
+   * Model.
+   * @since 3
+   */
+  model: string;
+
+  /**
+   * Product number.
+   * @since 3
+   */
+  product: string;
+
+  /**
+   * System language.
+   * @since 4
+   */
+  language: string;
+
+  /**
+   * System region.
+   * @since 4
+   */
+  region: string;
+
+  /**
+   * Window width.
+   * @since 3
+   */
+  windowWidth: number;
+
+  /**
+   * Window Height.
+   * @since 3
+   */
+  windowHeight: number;
+
+  /**
+   * Screen density.
+   * @since 4
+   */
+  screenDensity: number;
+
+  /**
+   * Screen shape. The options are as follows:
+   * rect: Rectangle screen.
+   * cicle: Circle screen.
+   * @since 4
+   */
+  screenShape: "rect" | "circle";
+
+  /**
+   * API version.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  apiVersion: number;
+
+  /**
+   * Device type. The options are as follows:
+   * phone: smartphone
+   * tablet: tablet
+   * tv: smart TV
+   * wearable: wearable
+   * liteWearable: lite wearable
+   * ar: AR
+   * vr: virtual reality
+   * earphones: headset
+   * pc: personal computer
+   * speaker: speaker
+   * smartVision: smart visual device
+   * linkIoT: connection module
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+}
+
+export interface GetDeviceOptions {
+  /**
+   * Called when the device information is obtained.
+   * @since 3
+   */
+  success?: (data: DeviceResponse) => void;
+
+  /**
+   * Called when the device information fails to be obtained.
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Device {
+  /**
+   * Obtains the device information.
+   * @param options
+   */
+  static getInfo(options?: GetDeviceOptions): void;
+}
diff --git a/api/tv/@system.fetch.d.ts b/api/tv/@system.fetch.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e974eebd75cd3af36eec85e6e14ec017fbcdc778
--- /dev/null
+++ b/api/tv/@system.fetch.d.ts
@@ -0,0 +1,97 @@
+/*
+ * 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 FetchResponse {
+  /**
+   * Server status code.
+   * @since 3
+   */
+  code: number;
+
+  /**
+   * Data returned by the success function.
+   * @since 3
+   */
+  data: string | object;
+
+  /**
+   * All headers in the response from the server.
+   * @since 3
+   */
+  headers: Object;
+}
+
+export interface FetchOptions {
+  /**
+   * Resource URL.
+   * @since 3
+   */
+  url: string;
+
+  /**
+   * Request parameter, which can be of the string type or a JSON object.
+   * @since 3
+   */
+  data?: string | object;
+
+  /**
+   * Request header.
+   * @since 3
+   */
+  header?: Object;
+
+  /**
+   * Request methods available: OPTIONS, GET, HEAD, POST, PUT, DELETE and TRACE.
+   * The default value is GET.
+   * @since 3
+   */
+  method?: "OPTIONS" | "GET" | "HEAD" | "POST" | "PUT" | "DELETE" | "TRACE";
+
+  /**
+   * The return type can be text, or JSON.
+   * By default, the return type is determined based on Content-Type in the header returned by the server.
+   * @since 3
+   */
+  responseType?: string;
+
+  /**
+   * Called when the network data is obtained successfully.
+   * @since 3
+   */
+  success?: (data: FetchResponse) => void;
+
+  /**
+   * Called when the network data fails to be obtained.
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Fetch {
+  /**
+   * Obtains data through the network.
+   * @param options
+   */
+  static fetch(options: FetchOptions): void;
+}
diff --git a/api/tv/@system.file.d.ts b/api/tv/@system.file.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e36081c2de19d140326d9facfda8f90bfe7df994
--- /dev/null
+++ b/api/tv/@system.file.d.ts
@@ -0,0 +1,507 @@
+/*
+ * 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.geolocation.d.ts b/api/tv/@system.geolocation.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..eab5ab8aa3b662b0d6d27e2ae5e9046e8c373df9
--- /dev/null
+++ b/api/tv/@system.geolocation.d.ts
@@ -0,0 +1,151 @@
+/*
+ * 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 GeolocationResponse {
+  /**
+   * Longitude.
+   * @since 3
+   */
+  longitude: number;
+
+  /**
+   * Latitude.
+   * @since 3
+   */
+  latitude: number;
+
+  /**
+   * Location accuracy.
+   * @since 3
+   */
+  accuracy: number;
+
+  /**
+   * Time when the location is obtained.
+   * @since 3
+   */
+  time: number;
+}
+
+export interface GetLocationTypeResponse {
+  /**
+   * Available location types, ['gps', 'network'].
+   * @since 3
+   */
+  types: Array<string>;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Geolocation {
+  /**
+   * Obtains the geographic location.
+   * @param options
+   */
+  static getLocation(options?: {
+    /**
+     * Timeout duration, in milliseconds. The default value is 30000.
+     * The timeout duration is necessary in case no result is returned if the request to obtain the geographic location is rejected for the lack of the required permission, weak positioning signal, or incorrect location settings. After the timeout duration expires, the fail function will be called.
+     * The value is a 32-digit positive integer. If the value set is less than or equal to 0, the default value will be used.
+     * @since 3
+     */
+    timeout?: number;
+
+    /**
+     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographic location is obtained.
+     * @since 3
+     */
+    success?: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the supported location types.
+   * @param options
+   */
+  static getLocationType(options?: {
+    /**
+     * Called when the location types are obtained.
+     * @since 3
+     */
+    success?: (data: GetLocationTypeResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to the geographical location. If this method is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribe(options: {
+    /**
+     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographical location changes.
+     * @since 3
+     */
+    success: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to the geographical location.
+   * @since 3
+   */
+  static unsubscribe(): void;
+
+  /**
+   * Obtains coordinate system types supported by the device.
+   * @returns A string array of the supported coordinate system types. For details about the value, see coordType.
+   */
+  static getSupportedCoordTypes(): Array<string>;
+}
diff --git a/api/tv/@system.mediaquery.d.ts b/api/tv/@system.mediaquery.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8d8eb51a8e2b75a3234ad9ff95e1c949f715348d
--- /dev/null
+++ b/api/tv/@system.mediaquery.d.ts
@@ -0,0 +1,66 @@
+/*
+ * 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.network.d.ts b/api/tv/@system.network.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..76fe6f893fc75375187580da7727fbea621b71f6
--- /dev/null
+++ b/api/tv/@system.network.d.ts
@@ -0,0 +1,81 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface NetworkResponse {
+  /**
+   * Network type. The value can be 2G, 3G, 4G, WiFi, or none.
+   * @since 3
+   */
+  type: string;
+
+  /**
+   * Whether the billing is based on the data volume.
+   * @since 3
+   */
+  metered: boolean;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Network {
+  /**
+   * Obtains the network type.
+   * @param options
+   */
+  static getType(options?: {
+    /**
+     * Called when the network type is obtained.
+     * @since 3
+     */
+    success?: (data: NetworkResponse) => void;
+
+    /**
+     * Called when the network type fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to the network connection state. If this method is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribe(options?: {
+    /**
+     * Called when the network connection state changes.
+     * @since 3
+     */
+    success?: (data: NetworkResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to the network connection state.
+   * @param options
+   */
+  static unsubscribe(): void;
+}
diff --git a/api/tv/@system.notification.d.ts b/api/tv/@system.notification.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..fa7b1836256d9aa614287e4b2e2b77bfb8e43e2e
--- /dev/null
+++ b/api/tv/@system.notification.d.ts
@@ -0,0 +1,67 @@
+/*
+ * 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 ActionResult {
+  /**
+   * Bundle name of the application to be redirected to after the notification is clicked.
+   * @since 3
+   */
+  bundleName: string;
+
+  /**
+   * Ability name of the application to be redirected to after the notification is clicked.
+   * @since 3
+   */
+  abilityName: string;
+
+  /**
+   * URI of the page to be redirected to. The supported URI formats are as follows:
+   * 1. Absolute path of the page, which is provided by the pages list in the config.json file. Example:
+   * pages/index/index
+   * pages/detail/detail
+   * 2. Particular path. If the value is a slash (/), the home page is displayed.
+   * @since 3
+   */
+  uri: string;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Notification {
+    /**
+     * Displays the notification.
+     * @param options
+     */
+    static show(options?: {
+      /**
+       * Notification title.
+       * @since 3
+       */
+      contentTitle?: string;
+
+      /**
+       * Notification content.
+       * @since 3
+       */
+      contentText?: string;
+
+      /**
+       * Action triggered after the notification is clicked.
+       * @since 3
+       */
+      clickAction?: ActionResult;
+    }): void;
+}
\ No newline at end of file
diff --git a/api/tv/@system.package.d.ts b/api/tv/@system.package.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6dbaf27ac95325b7840ddeeb68cdc1c84ce2f651
--- /dev/null
+++ b/api/tv/@system.package.d.ts
@@ -0,0 +1,57 @@
+/*
+ * 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 CheckPackageHasInstalledResponse {
+  /**
+   * Whether the application exists, or whether the native application has been installed.
+   * @since 3
+   */
+  result: boolean;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Package {
+  /**
+   * Checks whether an application exists, or whether a native application has been installed.
+   * @param options
+   */
+  static hasInstalled(options: {
+    /**
+     * Application bundle name.
+     * @since 3
+     */
+    bundleName: string;
+
+    /**
+     * Called when native applications are installed.
+     * @since 3
+     */
+    success?: (data: CheckPackageHasInstalledResponse) => void;
+
+    /**
+     * Called when native applications fail to be installed.
+     * @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.prompt.d.ts b/api/tv/@system.prompt.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5bcde677680a78f8d205ea9f595cac9950d234d4
--- /dev/null
+++ b/api/tv/@system.prompt.d.ts
@@ -0,0 +1,98 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface 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.request.d.ts b/api/tv/@system.request.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8bad4d68f32ee9f5b17d53e8870b93b008569f63
--- /dev/null
+++ b/api/tv/@system.request.d.ts
@@ -0,0 +1,227 @@
+/*
+ * 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 UploadResponse {
+  /**
+   * Status code returned by the server.
+   * @since 3
+   */
+  code: number;
+
+  /**
+   * Content returned by the server. The value type is determined by the returned content.
+   * @since 3
+   */
+  data: string;
+
+  /**
+   * Headers returned by the server.
+   * @since 3
+   */
+  headers: Object;
+}
+
+export interface DownloadResponse {
+  /**
+   * Download token, which is used to obtain the download status.
+   * @since 3
+   */
+  token: string;
+}
+
+export interface OnDownloadCompleteResponse {
+  /**
+   * URI of the download file.
+   * @since 3
+   */
+  uri: string;
+}
+
+export interface IFile {
+  /**
+   * File name in the header when multipart is used.
+   * @since 3
+   */
+  filename?: string;
+
+  /**
+   * Name of a form item when multipart is used. The default value is file.
+   * @since 3
+   */
+  name?: string;
+
+  /**
+   * Local storage directory of a file.
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Type of the file content. By default, the type is obtained based on the suffix of the file name or URI.
+   * @since 3
+   */
+  type?: string;
+}
+
+export interface IData {
+  /**
+   * Name of the form element.
+   * @since 3
+   */
+  name: string;
+
+  /**
+   * Value of the form element.
+   * @since 3
+   */
+  value: string;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Request {
+  /**
+   * Upload files.
+   * @param options
+   */
+  static upload(options: {
+    /**
+     * Resource URL.
+     * @since 3
+     */
+    url: string;
+
+    /**
+     * Form data in the request body.
+     * @since 3
+     */
+    data?: IData[];
+
+    /**
+     * List of files to upload, which is submitted through multipart/form-data.
+     * @since 3
+     */
+    files: IFile[];
+
+    /**
+     * Request header.
+     * @since 3
+     */
+    header?: Object;
+
+    /**
+     * Request methods available: POST and PUT. The default value is POST.
+     * @since 3
+     */
+    method?: string;
+
+    /**
+     * Called when the files are uploaded successfully.
+     * @since 3
+     */
+    success?: (data: UploadResponse) => void;
+
+    /**
+     * Called when uploading fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * This API is used to download files.
+   * @param options
+   */
+  static download(options: {
+    /**
+     * Resource URL.
+     * @since 3
+     */
+    url: string;
+
+    /**
+     * Name of the file to downloaded. The value is obtained from the current request or resource URL by default.
+     * @since 3
+     */
+    filename?: string;
+
+    /**
+     * Request header.
+     * @since 3
+     */
+    header?: string;
+
+    /**
+     * Download description. The default value is the file name.
+     * @since 3
+     */
+    description?: string;
+
+    /**
+     * Called when the files are successfully downloaded.
+     * @since 3
+     */
+    success?: (data: DownloadResponse) => void;
+
+    /**
+     * Called when downloading fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to download task status.
+   * @param options
+   */
+  static onDownloadComplete(options: {
+    /**
+     * Token of the result returned by the download function.
+     * @since 3
+     */
+    token: string;
+
+    /**
+     * Called when the downloads are successfully obtained
+     * @since 3
+     */
+    success?: (data: OnDownloadCompleteResponse) => void;
+
+    /**
+     * Called when the downloads fail to be obtained.
+     * @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.router.d.ts b/api/tv/@system.router.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3c990167a87439749f827dd0db3ebf3a594f0a5f
--- /dev/null
+++ b/api/tv/@system.router.d.ts
@@ -0,0 +1,120 @@
+/*
+ * 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/tv/@system.storage.d.ts b/api/tv/@system.storage.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0a4c814410881f33a8ac681071831194e235c72d
--- /dev/null
+++ b/api/tv/@system.storage.d.ts
@@ -0,0 +1,145 @@
+/*
+ * 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.
+ */
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Storage {
+  /**
+   * Reads the stored content.
+   * @param options
+   */
+  static get(options: {
+    /**
+     * Content index.
+     * @since 3
+     */
+    key: string;
+
+    /**
+     * Default value returned when the key does not exist. If this parameter is not specified, an empty string is returned.
+     * @since 3
+     */
+    default?: string;
+
+    /**
+     * Called when the stored content is read successfully.
+     * @since 3
+     */
+    success?: (data: any) => void;
+
+    /**
+     * Called when the stored content fails to be read.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Modifies the stored content.
+   * @param options
+   */
+  static set(options: {
+    /**
+     * Index of the stored content to be modified.
+     * @since 3
+     */
+    key: string;
+
+    /**
+     * Target storage content. If the content is an empty string, the data item with the key as the index will be deleted.
+     * @since 3
+     */
+    value: string;
+
+    /**
+     * Called when the stored content is modified successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the stored content fails to be modified.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Clears the stored content.
+   * @param options
+   */
+  static clear(options?: {
+    /**
+     * Called when the stored content is cleared successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the stored content fails to be cleared.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Deletes the stored content.
+   * @param options
+   */
+  static delete(options: {
+    /**
+     * Content index.
+     * @since 3
+     */
+    key: string;
+
+    /**
+     * Called when the stored content is deleted successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the stored content fails to be deleted.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/wantAgent/triggerInfo.d.ts b/api/wantAgent/triggerInfo.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8cd951dce9dd5e01050781527b93b30a26b1c32f
--- /dev/null
+++ b/api/wantAgent/triggerInfo.d.ts
@@ -0,0 +1,53 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Want } from '../ability/want';
+
+/**
+ * Provides the information required for triggering a WantAgent.
+ *
+ * @name TriggerInfo
+ * @since 7
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ */
+export interface TriggerInfo {
+  /**
+   * Result code.
+   */
+  code: number;
+
+  /**
+   * Extra Want.
+   * If flags in WantAgentInfo contain CONSTANT_FLAG, this parameter is invalid.
+   * If flags contain REPLACE_ELEMENT, REPLACE_ACTION, REPLACE_URI, REPLACE_ENTITIES, and REPLACE_BUNDLE,
+   * the element, action, uri, entities, and bundleName attributes of the Want specified in this parameter
+   * will be used to replace the corresponding attributes in the original Want, respectively.
+   * If this parameter is null, the original Want remains unchanged.
+   */
+  want?: Want;
+
+  /**
+   * Permission required for a WantAgent recipient.
+   * This parameter is valid only when the WantAgent is triggered to send common events.
+   * If permission is null, no permission is required on the recipient.
+   */
+  permission?: string;
+
+  /**
+   * Custom extra data you want to add for triggering a WantAgent.
+   */
+  extraInfo?: {[key: string]: any};
+}
\ No newline at end of file
diff --git a/api/wantAgent/wantAgentInfo.d.ts b/api/wantAgent/wantAgentInfo.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f33531d327fef0445af7e2609cd3fb924ded1971
--- /dev/null
+++ b/api/wantAgent/wantAgentInfo.d.ts
@@ -0,0 +1,53 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Want } from '../ability/want';
+import wantAgent from '../@ohos.wantAgent'
+
+/**
+ * Provides the information required for triggering a WantAgent.
+ *
+ * @name WantAgentInfo
+ * @since 7
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ */
+export interface WantAgentInfo {
+  /**
+   * An array of all Wants for starting abilities or sending common events. Only Wants can be displayed.
+   */
+  wants: Array<Want>;
+
+  /**
+   * Type of the action specified in a Want.
+   */
+  operationType: wantAgent.OperationType;
+
+  /**
+   * Request code defined by the user.
+   */
+  requestCode: number;
+
+  /**
+   * An array of flags for using the WantAgent.
+   */
+  wantAgentFlags?: Array<wantAgent.WantAgentFlags>;
+
+  /**
+   * Extra information about how the Want starts an ability.
+   * If there is no extra information to set, this constant can be left empty.
+   */
+  extraInfo?: {[key: string]: any};
+}
\ No newline at end of file
diff --git a/api/wearable/@internal/console.d.ts b/api/wearable/@internal/console.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a89f67bb0d4c1a7891e03c9c5aef61c6bfc04e57
--- /dev/null
+++ b/api/wearable/@internal/console.d.ts
@@ -0,0 +1,46 @@
+/*
+ * 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/featureability.d.ts b/api/wearable/@internal/featureability.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f9ba85a227f0dcbafdb4f50535250aa1c74d82c8
--- /dev/null
+++ b/api/wearable/@internal/featureability.d.ts
@@ -0,0 +1,204 @@
+/*
+ * 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 Result {
+  /**
+   * Result code.
+   */
+  code: number;
+
+  /**
+   * Returned data.
+   */
+  data: object;
+}
+
+export interface CallAbilityParam {
+  /**
+   * Name of the bundle where the ability locates. The name is case sensitive and must be the same as that on the AA side.
+   */
+  bundleName: string;
+  /**
+   * Ability name, which is case sensitive and must be the same as that on the AA side.
+   */
+  abilityName: string;
+  /**
+   * Ability operation code, which defines the service function of an AA and must be consistent with the AA side.
+   */
+  messageCode: number;
+  /**
+   * Ability type. Different types of abilities have different implementation on the AA side.
+   * 0: Ability, which has an independent lifecycle. The FA starts and requests an AA through an RPC. Such type of abilities are used to provide basic services for multiple FAs to call or are used when the abilities should run in the background.
+   * 1: Internal ability, which shares the same process with the FA and communicates with it by calling internal functions. Such type of abilities are used in scenarios that require low response latency and cannot be called by other FAs.
+   */
+  abilityType: number;
+  /**
+   * Data sent to the ability. The data to carry differs depending on the service to be processed and its field name must be consistent with the AA side.
+   */
+  data?: object;
+  /**
+   * Whether the request is synchronous or asynchronous. The synchronous mode is used by default. Currently, the asynchronous mode is available only for internal abilities.
+   * 0: Synchronous mode (default value)
+   * 1: Asynchronous mode
+   */
+  syncOption?: number;
+}
+
+export interface SubscribeAbilityEventParam {
+  /**
+   * Name of the bundle where the ability locates. The name is case sensitive and must be the same as that on the AA side.
+   */
+  bundleName: string;
+  /**
+   * Ability name, which is case sensitive and must be the same as that on the AA side.
+   */
+  abilityName: string;
+  /**
+   * Ability operation code, which defines the service function of an AA and must be consistent with the AA side.
+   */
+  messageCode: number;
+  /**
+   * Ability type. Different types of abilities have different implementation on the AA side.
+   * 0: Ability, which has an independent lifecycle. The FA starts and requests an AA through an RPC. Such type of abilities are used to provide basic services for multiple FAs to call or are used when the abilities should run in the background.
+   * 1: Internal ability, which shares the same process with the FA and communicates with it by calling internal functions. Such type of abilities are used in scenarios that require low response latency and cannot be called by other FAs.
+   */
+  abilityType: number;
+  /**
+   * Whether the request is synchronous or asynchronous. The synchronous mode is used by default. Currently, the asynchronous mode is available only for internal abilities.
+   * 0: Synchronous mode (default value)
+   * 1: Asynchronous mode
+   */
+  syncOption?: number;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface RequestParams {
+  /**
+   * The name of the bundle to start. It should be used with abilityname and case sensitive.
+   * @devices tv, phone, tablet, wearable
+   */
+  bundleName?: string;
+  /**
+   * Ability name, which is case sensitive.
+   * @devices tv, phone, tablet, wearable
+   */
+  abilityName?: string;
+  /**
+   * The list of entities to which the FA to be called. If it is not filled in, all entity lists will be found by default. It should be used with action.
+   * @devices tv, phone, tablet, wearable
+   */
+  entities?: Array<string>;
+  /**
+   * Without specifying the bundle name and ability name, you can start the application according to other properties with action.
+   * @devices tv, phone, tablet, wearable
+   */
+  action?: string;
+  /**
+   * If more than one FA meets the conditions, the user can select the device from the popup.
+   * 0: Default. Select the FA to start from the local and remote devices.
+   * 1: start FA from the local device.
+   * @devices tv, phone, tablet, wearable
+   */
+  deviceType?: number;
+  /**
+   * Data sent to the ability which need to be serializable.
+   * @devices tv, phone, tablet, wearable
+   */
+  data?: object;
+  /**
+   * Configuration switch when start FA.
+   * @devices tv, phone, tablet, wearable
+   */
+  flag?: number;
+  /**
+   * Specify the url of the page which the FA to be called. Use home page directly by default.
+   * @devices tv, phone, tablet, wearable
+   */
+  url?: string;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface FinishWithResultParams {
+  /**
+   * Result code.
+   * @devices tv, phone, tablet, wearable
+   */
+  code: number;
+
+  /**
+   * Returned data.
+   * @devices tv, phone, tablet, wearable
+   */
+  result: object;
+}
+
+export declare class FeatureAbility {
+  /**
+   * Start a FA without callback result.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result of whether to call Ability's interface successfully.
+   * @devices tv, phone, tablet, wearable
+   */
+  static startAbility(request: RequestParams): Promise<Result>;
+
+  /**
+   * Start a FA with callback result.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result of the data FA returned.
+   * @devices tv, phone, tablet, wearable
+   */
+  static startAbilityForResult(request: RequestParams): Promise<Result>;
+
+  /**
+   * FA call the interface to destory itself and set the result as parameters.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result whether to callback successfully.
+   * @devices tv, phone, tablet, wearable
+   */
+  static finishWithResult(param: FinishWithResultParams): Promise<Result>;
+
+  /**
+   * Calls an AA.
+   * @param param Indicates the request param.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   */
+  static callAbility(param: CallAbilityParam): Promise<string>;
+
+  /**
+   * Start FA migration.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   * @devices tv, phone, tablet, wearable
+   */
+  static continueAbility(): Promise<Result>;
+
+  /**
+   * Subscribes to events of an AA.
+   * @param param Indicates the request param.
+   * @param func Indicates the event reporting callback.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   */
+  static subscribeAbilityEvent(param: SubscribeAbilityEventParam, func: Function): Promise<string>;
+
+  /**
+   * Unsubscribes from events of an AA.
+   * @param param Indicates the request param.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   */
+  static unsubscribeAbilityEvent(param: SubscribeAbilityEventParam): Promise<string>;
+}
diff --git a/api/wearable/@internal/global.d.ts b/api/wearable/@internal/global.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1ba01581adce620a77eddfa23be95dff40f52ff7
--- /dev/null
+++ b/api/wearable/@internal/global.d.ts
@@ -0,0 +1,172 @@
+/*
+ * 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;
+
+/**
+ * Get the java interface instance. The java instance needs to register, otherwise it cannot be obtained.
+ * After obtaining the instance, you can call the function with the same name on the Java side.
+ * @param name Java interface name, including package path, such as com.example.test.timeinterfaceimpl.
+ * @returns A promise object is returned. The resolve callback is the object of PA. The reject callback returns the object containing code and error data
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ * @since 3
+ */
+export declare function createLocalParticleAbility(name?: string): any;
+
+/**
+ * Sets a vsync after which a function will be executed.
+ * @param handler Indicates the function to be called when the vsync trigger.
+ */
+export declare function requestAnimationFrame(handler: Function): number;
+
+/**
+ * Cancels the vsync callback set by "requestAnimationFrame()".
+ * @param requestId Indicates the vsync callback ID returned by "requestAnimationFrame()".
+ */
+export declare function cancelAnimationFrame(requestId: 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
new file mode 100644
index 0000000000000000000000000000000000000000..8712a2be0c6d8bd7db0dfa187cd0f1cfc2af817c
--- /dev/null
+++ b/api/wearable/@internal/index.d.ts
@@ -0,0 +1,19 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export * from './viewmodel';
+export * from './featureability';
+export * from './console';
+export * from './global';
\ No newline at end of file
diff --git a/api/wearable/@internal/viewmodel.d.ts b/api/wearable/@internal/viewmodel.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0ada64d4189535518016dc7f0cb7c762b18c053a
--- /dev/null
+++ b/api/wearable/@internal/viewmodel.d.ts
@@ -0,0 +1,2183 @@
+/*
+ * 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;
+
+  /**
+   * 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
new file mode 100644
index 0000000000000000000000000000000000000000..7eced9856c12c7fe8be1219135a43c3b09b72df0
--- /dev/null
+++ b/api/wearable/@system.app.d.ts
@@ -0,0 +1,108 @@
+/*
+ * 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.battery.d.ts b/api/wearable/@system.battery.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2ab3be8157eff669f5094bbce8e63bcf4efe7671
--- /dev/null
+++ b/api/wearable/@system.battery.d.ts
@@ -0,0 +1,57 @@
+/*
+ * 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 BatteryResponse {
+  /**
+   * Whether the battery is being charged.
+   * @since 3
+   */
+  charging: boolean;
+
+  /**
+   * Current battery level, which ranges from 0.00 to 1.00.
+   * @since 3
+   */
+  level: number;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Battery {
+  /**
+   * Obtains the battery level of the current device.
+   * @param options
+   */
+  static getStatus(options?: {
+    /**
+     * Called when the current charging state and battery level are obtained.
+     * @since 3
+     */
+    success?: (data: BatteryResponse) => void;
+
+    /**
+     * Called when the current charging state and battery level fail to be obtained.
+     * @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.bluetooth.d.ts b/api/wearable/@system.bluetooth.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3b113373c3516caeaa3080c9b772639e73b9ea42
--- /dev/null
+++ b/api/wearable/@system.bluetooth.d.ts
@@ -0,0 +1,79 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface StartBLEScanOptions {
+  interval: number;
+
+  success: () => void;
+
+  fail: (data: string, code: number) => void;
+
+  complete: () => void;
+}
+
+export interface StopBLEScanOptions {
+  success: () => void;
+
+  fail: (data: string, code: number) => void;
+
+  complete: () => void;
+}
+
+export interface BluetoothDevice {
+  addrType: "public" | "random";
+
+  addr: string;
+
+  rssi: number;
+
+  txpower: string;
+
+  data: string;
+}
+
+export interface BLEFoundResponse {
+  devices: Array<BluetoothDevice>;
+}
+
+export interface SubscribeBLEFoundOptions{
+    success: (data: BLEFoundResponse) => void;
+
+    fail: (data: string, code: number) => void;
+}
+
+export default class Bluetooth {
+  /**
+   * Start BLE scan
+   * @param options Options
+   */
+  static startBLEScan(options: StartBLEScanOptions): void;
+
+  /**
+   * Stop BLE scan
+   * @param options Options
+   */
+  static stopBLEScan(options: StopBLEScanOptions): void;
+
+  /**
+   * Subscribe BLE found
+   * @param options Options
+   */
+  static subscribeBLEFound(options: SubscribeBLEFoundOptions): void;
+
+  /**
+   * Stop the subscription of BLE found
+   */
+  static unsubscribeBLEFound(): void;
+}
\ No newline at end of file
diff --git a/api/wearable/@system.brightness.d.ts b/api/wearable/@system.brightness.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0b0f77883516d7e34dd4b72eeca399c2a80c410c
--- /dev/null
+++ b/api/wearable/@system.brightness.d.ts
@@ -0,0 +1,184 @@
+/*
+ * 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.
+ */
+
+/**
+ * The screen brightness mode.
+ */
+export interface BrightnessResponse {
+  /**
+   * Screen brightness, which ranges from 1 to 255.
+   * @since 3
+   */
+  value: number;
+}
+
+export interface BrightnessModeResponse {
+  /**
+   * The value can be 0 or 1.
+   * 0: The screen brightness is manually adjusted.
+   * 1: The screen brightness is automatically adjusted.
+   * @since 3
+   */
+  mode: number;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Brightness {
+  /**
+   * Obtains the current screen brightness.
+   * @param options
+   */
+  static getValue(options?: {
+    /**
+     * Called when the current screen brightness is obtains.
+     * @since 3
+     */
+    success?: (data: BrightnessResponse) => void;
+
+    /**
+     * Called when the current screen bightness fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets the screen brightness.
+   * @param options
+   */
+  static setValue(options: {
+    /**
+     * Screen brightness. The value is an integer ranging from 1 to 255.
+     * If the value is less than or equal to 0, value 1 will be used.
+     * If the value is greater than 255, value 255 will be used.
+     * If the value contains decimals, the integral part of the value will be used.
+     * For example, if value 8.1 is set, value 8 will be used.
+     * @since 3
+     */
+    value: number;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution os completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the screen brightness adjustment mode.
+   * @param options
+   */
+  static getMode(options?: {
+    /**
+     * Called when the screen brightness adjustment mode is obtained.
+     * @since 3
+     */
+    success?: (data: BrightnessModeResponse) => void;
+
+    /**
+     * Called when the screen brightness adjustment mode fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets the screen brightness adjustment mode.
+   * @param options
+   */
+  static setMode(options: {
+    /**
+     * The screen brightness mode.
+     * 0: The screen brightness is manually adjusted.
+     * 1: The screen brightness is automatically adjusted.
+     * @since 3
+     */
+    mode: number;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets whether to always keep the screen on.
+   * @param options
+   */
+  static setKeepScreenOn(options: {
+    /**
+     * Whether to always keep the screen on.
+     * @since 3
+     */
+    keepScreenOn: boolean;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting 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.configuration.d.ts b/api/wearable/@system.configuration.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ac20fdc8d92fbff977cd35e781687ce406c6e0cc
--- /dev/null
+++ b/api/wearable/@system.configuration.d.ts
@@ -0,0 +1,47 @@
+/*
+ * 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.device.d.ts b/api/wearable/@system.device.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5f9b8439c6af9ee7bf67f1a64e68c66bcaba327c
--- /dev/null
+++ b/api/wearable/@system.device.d.ts
@@ -0,0 +1,135 @@
+/*
+ * 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 DeviceResponse {
+  /**
+   * Brand.
+   * @since 3
+   */
+  brand: string;
+
+  /**
+   * Manufacturer.
+   * @since 3
+   */
+  manufacturer: string;
+
+  /**
+   * Model.
+   * @since 3
+   */
+  model: string;
+
+  /**
+   * Product number.
+   * @since 3
+   */
+  product: string;
+
+  /**
+   * System language.
+   * @since 4
+   */
+  language: string;
+
+  /**
+   * System region.
+   * @since 4
+   */
+  region: string;
+
+  /**
+   * Window width.
+   * @since 3
+   */
+  windowWidth: number;
+
+  /**
+   * Window Height.
+   * @since 3
+   */
+  windowHeight: number;
+
+  /**
+   * Screen density.
+   * @since 4
+   */
+  screenDensity: number;
+
+  /**
+   * Screen shape. The options are as follows:
+   * rect: Rectangle screen.
+   * cicle: Circle screen.
+   * @since 4
+   */
+  screenShape: "rect" | "circle";
+
+    /**
+   * API version.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  apiVersion: number;
+
+  /**
+   * Device type. The options are as follows:
+   * phone: smartphone
+   * tablet: tablet
+   * tv: smart TV
+   * wearable: wearable
+   * liteWearable: lite wearable
+   * ar: AR
+   * vr: virtual reality
+   * earphones: headset
+   * pc: personal computer
+   * speaker: speaker
+   * smartVision: smart visual device
+   * linkIoT: connection module
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  deviceType: string;
+}
+
+export interface GetDeviceOptions {
+  /**
+   * Called when the device information is obtained.
+   * @since 3
+   */
+  success?: (data: DeviceResponse) => void;
+
+  /**
+   * Called when the device information fails to be obtained.
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Device {
+  /**
+   * Obtains the device information.
+   * @param options
+   */
+  static getInfo(options?: GetDeviceOptions): void;
+}
diff --git a/api/wearable/@system.fetch.d.ts b/api/wearable/@system.fetch.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8f34ef16449881c94512a244d769b11adcfac0bf
--- /dev/null
+++ b/api/wearable/@system.fetch.d.ts
@@ -0,0 +1,93 @@
+/*
+ * 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 FetchResponse {
+  /**
+   * Server status code.
+   * @since 3
+   */
+  code: number;
+
+  /**
+   * Data returned by the success function.
+   * @since 3
+   */
+  data: string | object;
+
+  /**
+   * All headers in the response from the server.
+   * @since 3
+   */
+  headers: Object;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Fetch {
+  /**
+   * Obtains data through the network.
+   * @param options
+   */
+  static fetch(options: {
+    /**
+     * Resource URL.
+     * @since 3
+     */
+    url: string;
+
+    /**
+     * Request parameter, which can be of the string type or a JSON object.
+     * @since 3
+     */
+    data?: string | object;
+
+    /**
+     * Request header.
+     * @since 3
+     */
+    header?: Object;
+
+    /**
+     * Request methods available: OPTIONS, GET, HEAD, POST, PUT, DELETE and TRACE. The default value is GET.
+     * @since 3
+     */
+    method?: string;
+
+    /**
+     * The return type can be text, or JSON. By default, the return type is determined based on Content-Type in the header returned by the server.
+     * @since 3
+     */
+    responseType?: string;
+
+    /**
+     * Called when the network data is obtained successfully.
+     * @since 3
+     */
+    success?: (data: FetchResponse) => void;
+
+    /**
+     * Called when the network data fails to be obtained.
+     * @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.file.d.ts b/api/wearable/@system.file.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e36081c2de19d140326d9facfda8f90bfe7df994
--- /dev/null
+++ b/api/wearable/@system.file.d.ts
@@ -0,0 +1,507 @@
+/*
+ * 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.geolocation.d.ts b/api/wearable/@system.geolocation.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..28bd231ad04dadcf6d6cad4747055864fbefaab5
--- /dev/null
+++ b/api/wearable/@system.geolocation.d.ts
@@ -0,0 +1,156 @@
+/*
+ * 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 GeolocationResponse {
+  /**
+   * Longitude.
+   * @since 3
+   */
+  longitude: number;
+
+  /**
+   * Latitude.
+   * @since 3
+   */
+  latitude: number;
+
+  /**
+   * Altitude.
+   * @since 3
+   */
+  altitude: number;
+
+  /**
+   * Location accuracy.
+   * @since 3
+   */
+  accuracy: number;
+
+  /**
+   * Time when the location is obtained.
+   * @since 3
+   */
+  time: number;
+}
+
+export interface GetLocationTypeResponse {
+  /**
+   * Available location types, ['gps', 'network'].
+   * @since 3
+   */
+  types: Array<string>;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Geolocation {
+  /**
+   * Obtains the geographic location.
+   * @param options
+   */
+  static getLocation(options?: {
+    /**
+     * Timeout duration, in milliseconds. The default value is 30000.
+     * The timeout duration is necessary in case no result is returned if the request to obtain the geographic location is rejected for the lack of the required permission, weak positioning signal, or incorrect location settings. After the timeout duration expires, the fail function will be called.
+     * The value is a 32-digit positive integer. If the value set is less than or equal to 0, the default value will be used.
+     * @since 3
+     */
+    timeout?: number;
+
+    /**
+     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographic location is obtained.
+     * @since 3
+     */
+    success?: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the supported location types.
+   * @param options
+   */
+  static getLocationType(options?: {
+    /**
+     * Called when the location types are obtained.
+     * @since 3
+     */
+    success?: (data: GetLocationTypeResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to the geographical location. If this method is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribe(options: {
+    /**
+     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographical location changes.
+     * @since 3
+     */
+    success: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to the geographical location.
+   */
+  static unsubscribe(): void;
+
+  /**
+   * Obtains coordinate system types supported by the device.
+   * @returns A string array of the supported coordinate system types. For details about the value, see coordType.
+   */
+  static getSupportedCoordTypes(): Array<string>;
+}
diff --git a/api/wearable/@system.mediaquery.d.ts b/api/wearable/@system.mediaquery.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8d8eb51a8e2b75a3234ad9ff95e1c949f715348d
--- /dev/null
+++ b/api/wearable/@system.mediaquery.d.ts
@@ -0,0 +1,66 @@
+/*
+ * 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.network.d.ts b/api/wearable/@system.network.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..76fe6f893fc75375187580da7727fbea621b71f6
--- /dev/null
+++ b/api/wearable/@system.network.d.ts
@@ -0,0 +1,81 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface NetworkResponse {
+  /**
+   * Network type. The value can be 2G, 3G, 4G, WiFi, or none.
+   * @since 3
+   */
+  type: string;
+
+  /**
+   * Whether the billing is based on the data volume.
+   * @since 3
+   */
+  metered: boolean;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Network {
+  /**
+   * Obtains the network type.
+   * @param options
+   */
+  static getType(options?: {
+    /**
+     * Called when the network type is obtained.
+     * @since 3
+     */
+    success?: (data: NetworkResponse) => void;
+
+    /**
+     * Called when the network type fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to the network connection state. If this method is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribe(options?: {
+    /**
+     * Called when the network connection state changes.
+     * @since 3
+     */
+    success?: (data: NetworkResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to the network connection state.
+   * @param options
+   */
+  static unsubscribe(): void;
+}
diff --git a/api/wearable/@system.notification.d.ts b/api/wearable/@system.notification.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..795a88c5ed4ba37e640eccbada81e90b9c428a13
--- /dev/null
+++ b/api/wearable/@system.notification.d.ts
@@ -0,0 +1,69 @@
+/*
+ * 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 ActionResult {
+  /**
+   * Bundle name of the application to be redirected to after the notification is clicked.
+   * @since 3
+   */
+  bundleName: string;
+
+  /**
+   * Ability name of the application to be redirected to after the notification is clicked.
+   * @since 3
+   */
+  abilityName: string;
+
+  /**
+   * URI of the page to be redirected to. The supported URI formats are as follows:
+   * 1. Absolute path of the page, which is provided by the pages list in the config.json file. Example:
+   * pages/index/index
+   * pages/detail/detail
+   * 2. Particular path. If the value is a slash (/), the home page is displayed.
+   * @since 3
+   */
+  uri: string;
+}
+
+export interface ShowNotificationOptions {
+  /**
+   * Notification title.
+   * @since 3
+   */
+  contentTitle?: string;
+
+  /**
+   * Notification content.
+   * @since 3
+   */
+  contentText?: string;
+
+  /**
+   * Action triggered after the notification is clicked.
+   * @since 3
+   */
+  clickAction?: ActionResult;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Notification {
+    /**
+     * Displays the notification.
+     * @param options
+     */
+    static show(options?: ShowNotificationOptions): void;
+}
\ No newline at end of file
diff --git a/api/wearable/@system.package.d.ts b/api/wearable/@system.package.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6dbaf27ac95325b7840ddeeb68cdc1c84ce2f651
--- /dev/null
+++ b/api/wearable/@system.package.d.ts
@@ -0,0 +1,57 @@
+/*
+ * 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 CheckPackageHasInstalledResponse {
+  /**
+   * Whether the application exists, or whether the native application has been installed.
+   * @since 3
+   */
+  result: boolean;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Package {
+  /**
+   * Checks whether an application exists, or whether a native application has been installed.
+   * @param options
+   */
+  static hasInstalled(options: {
+    /**
+     * Application bundle name.
+     * @since 3
+     */
+    bundleName: string;
+
+    /**
+     * Called when native applications are installed.
+     * @since 3
+     */
+    success?: (data: CheckPackageHasInstalledResponse) => void;
+
+    /**
+     * Called when native applications fail to be installed.
+     * @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.prompt.d.ts b/api/wearable/@system.prompt.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5bcde677680a78f8d205ea9f595cac9950d234d4
--- /dev/null
+++ b/api/wearable/@system.prompt.d.ts
@@ -0,0 +1,98 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface 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.request.d.ts b/api/wearable/@system.request.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9a8801397a7b45f2fb93e6d2f09baf20a5ed8f66
--- /dev/null
+++ b/api/wearable/@system.request.d.ts
@@ -0,0 +1,227 @@
+/*
+ * 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 UploadResponse {
+  /**
+   * Status code returned by the server.
+   * @since 3
+   */
+  code: number;
+
+  /**
+   * Content returned by the server. The value type is determined by the returned content.
+   * @since 3
+   */
+  data: string;
+
+  /**
+   * Headers returned by the server.
+   * @since 3
+   */
+  headers: Object;
+}
+
+export interface DownloadResponse {
+  /**
+   * Download token, which is used to obtain the download status.
+   * @since 3
+   */
+  token: string;
+}
+
+export interface OnDownloadCompleteResponse {
+  /**
+   * URI of the download file.
+   * @since 3
+   */
+  uri: string;
+}
+
+export interface RequestFile {
+  /**
+   * File name in the header when multipart is used.
+   * @since 3
+   */
+  filename?: string;
+
+  /**
+   * Name of a form item when multipart is used. The default value is file.
+   * @since 3
+   */
+  name?: string;
+
+  /**
+   * Local storage directory of a file.
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Type of the file content. By default, the type is obtained based on the suffix of the file name or URI.
+   * @since 3
+   */
+  type?: string;
+}
+
+export interface RequestData {
+  /**
+   * Name of the form element.
+   * @since 3
+   */
+  name: string;
+
+  /**
+   * Value of the form element.
+   * @since 3
+   */
+  value: string;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Request {
+  /**
+   * Upload files.
+   * @param options
+   */
+  static upload(options: {
+    /**
+     * Resource URL.
+     * @since 3
+     */
+    url: string;
+
+    /**
+     * Form data in the request body.
+     * @since 3
+     */
+    data?: RequestData[];
+
+    /**
+     * List of files to upload, which is submitted through multipart/form-data.
+     * @since 3
+     */
+    files: RequestFile[];
+
+    /**
+     * Request header.
+     * @since 3
+     */
+    header?: Object;
+
+    /**
+     * Request methods available: POST and PUT. The default value is POST.
+     * @since 3
+     */
+    method?: string;
+
+    /**
+     * Called when the files are uploaded successfully.
+     * @since 3
+     */
+    success?: (data: UploadResponse) => void;
+
+    /**
+     * Called when uploading fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * This API is used to download files.
+   * @param options
+   */
+  static download(options: {
+    /**
+     * Resource URL.
+     * @since 3
+     */
+    url: string;
+
+    /**
+     * Name of the file to downloaded. The value is obtained from the current request or resource URL by default.
+     * @since 3
+     */
+    filename?: string;
+
+    /**
+     * Request header.
+     * @since 3
+     */
+    header?: string;
+
+    /**
+     * Download description. The default value is the file name.
+     * @since 3
+     */
+    description?: string;
+
+    /**
+     * Called when the files are successfully downloaded.
+     * @since 3
+     */
+    success?: (data: DownloadResponse) => void;
+
+    /**
+     * Called when downloading fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to download task status.
+   * @param options
+   */
+  static onDownloadComplete(options: {
+    /**
+     * Token of the result returned by the download function.
+     * @since 3
+     */
+    token: string;
+
+    /**
+     * Called when the downloads are successfully obtained
+     * @since 3
+     */
+    success?: (data: OnDownloadCompleteResponse) => void;
+
+    /**
+     * Called when the downloads fail to be obtained.
+     * @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.router.d.ts b/api/wearable/@system.router.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3c990167a87439749f827dd0db3ebf3a594f0a5f
--- /dev/null
+++ b/api/wearable/@system.router.d.ts
@@ -0,0 +1,120 @@
+/*
+ * 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/@system.storage.d.ts b/api/wearable/@system.storage.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0a4c814410881f33a8ac681071831194e235c72d
--- /dev/null
+++ b/api/wearable/@system.storage.d.ts
@@ -0,0 +1,145 @@
+/*
+ * 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.
+ */
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Storage {
+  /**
+   * Reads the stored content.
+   * @param options
+   */
+  static get(options: {
+    /**
+     * Content index.
+     * @since 3
+     */
+    key: string;
+
+    /**
+     * Default value returned when the key does not exist. If this parameter is not specified, an empty string is returned.
+     * @since 3
+     */
+    default?: string;
+
+    /**
+     * Called when the stored content is read successfully.
+     * @since 3
+     */
+    success?: (data: any) => void;
+
+    /**
+     * Called when the stored content fails to be read.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Modifies the stored content.
+   * @param options
+   */
+  static set(options: {
+    /**
+     * Index of the stored content to be modified.
+     * @since 3
+     */
+    key: string;
+
+    /**
+     * Target storage content. If the content is an empty string, the data item with the key as the index will be deleted.
+     * @since 3
+     */
+    value: string;
+
+    /**
+     * Called when the stored content is modified successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the stored content fails to be modified.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Clears the stored content.
+   * @param options
+   */
+  static clear(options?: {
+    /**
+     * Called when the stored content is cleared successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the stored content fails to be cleared.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Deletes the stored content.
+   * @param options
+   */
+  static delete(options: {
+    /**
+     * Content index.
+     * @since 3
+     */
+    key: string;
+
+    /**
+     * Called when the stored content is deleted successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the stored content fails to be deleted.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}