diff --git a/BUILD.gn b/BUILD.gn
index f7d21c2b719f1c13aeff64807f7f9667bf0501ae..4c6cde11597a94c38c1c42e432690c2dcaf5cb7d 100644
--- a/BUILD.gn
+++ b/BUILD.gn
@@ -28,7 +28,6 @@ ohos_copy("ets_internal_api") {
 
 ohos_copy("ets_component") {
   sources = [
-    "api/@internal/component/ets/ability_component.d.ts",
     "api/@internal/component/ets/action_sheet.d.ts",
     "api/@internal/component/ets/alert_dialog.d.ts",
     "api/@internal/component/ets/alphabet_indexer.d.ts",
@@ -37,27 +36,26 @@ ohos_copy("ets_component") {
     "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/canvas.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/datePicker.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/gauge.d.ts",
-    "api/@internal/component/ets/geometryView.d.ts",
     "api/@internal/component/ets/gesture.d.ts",
     "api/@internal/component/ets/grid.d.ts",
     "api/@internal/component/ets/gridItem.d.ts",
     "api/@internal/component/ets/grid_container.d.ts",
-    "api/@internal/component/ets/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",
@@ -65,12 +63,10 @@ ohos_copy("ets_component") {
     "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/menu.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/option.d.ts",
     "api/@internal/component/ets/pageTransition.d.ts",
     "api/@internal/component/ets/panel.d.ts",
     "api/@internal/component/ets/path.d.ts",
@@ -82,23 +78,31 @@ 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/scroll_bar.d.ts",
+    "api/@internal/component/ets/search.d.ts",
     "api/@internal/component/ets/shape.d.ts",
+    "api/@internal/component/ets/sheet.d.ts",
     "api/@internal/component/ets/slider.d.ts",
     "api/@internal/component/ets/span.d.ts",
     "api/@internal/component/ets/stack.d.ts",
     "api/@internal/component/ets/stateManagement.d.ts",
+    "api/@internal/component/ets/stepper.d.ts",
+    "api/@internal/component/ets/stepperItem.d.ts",
     "api/@internal/component/ets/swiper.d.ts",
     "api/@internal/component/ets/tab_content.d.ts",
     "api/@internal/component/ets/tabs.d.ts",
     "api/@internal/component/ets/text.d.ts",
-    "api/@internal/component/ets/textPicker.d.ts",
-    "api/@internal/component/ets/textarea.d.ts",
-    "api/@internal/component/ets/textinput.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/xcomponent.d.ts",
   ]
   outputs = [ target_out_dir + "/$target_name/{{source_file_part}}" ]
   module_source_dir = target_out_dir + "/$target_name"
@@ -107,6 +111,7 @@ ohos_copy("ets_component") {
 
 ohos_copy("common_api") {
   sources = [
+    "api/@ohos.wifi.d.ts",
     "api/common/@system.app.d.ts",
     "api/common/@system.battery.d.ts",
     "api/common/@system.bluetooth.d.ts",
@@ -133,6 +138,16 @@ ohos_copy("common_api") {
   module_install_name = ""
 }
 
+ohos_copy("bundle_api") {
+  sources = [
+    "api/bundle/bundleFlag.d.ts",
+    "api/bundle/bundleStatusCallback.d.ts",
+  ]
+  outputs = [ target_out_dir + "/$target_name/{{source_file_part}}" ]
+  module_source_dir = target_out_dir + "/$target_name"
+  module_install_name = ""
+}
+
 template("ohos_declaration_template") {
   forward_variables_from(invoker, "*")
   action_with_pydeps(target_name) {
diff --git a/api/@internal/component/ets/action_sheet.d.ts b/api/@internal/component/ets/action_sheet.d.ts
index 26a0620988ba02a72140f0e6594110ea990e3817..54d279ddb60d4f1a0762b9d161a77e0b06f1cb61 100644
--- a/api/@internal/component/ets/action_sheet.d.ts
+++ b/api/@internal/component/ets/action_sheet.d.ts
@@ -14,34 +14,100 @@
  */
 
 import { DialogAlignment } from "./alert_dialog";
-import {CommonMethod, Resource} from "./common"
+import { Resource } from ".";
 
+/**
+ * The information of sheet.
+ * @since 8
+ */
 interface SheetInfo {
+  /**
+   * Title Properties
+   * @since 8
+   */
   title: string | Resource;
-  icon?: string | Resource;
-  action: () => void;
-}
 
-export declare class ActionSheetExtend<T> extends ActionSheetAttribute<T> {
-}
+  /**
+   * Icon Properties.
+   * @since 8
+   */
+  icon?: string | Resource;
 
-interface ActionSheet extends ActionSheetAttribute<ActionSheet> {
+  /**
+   * Callback method after the operation.
+   * @since 8
+   */
+  action: () => void;
 }
 
-declare class ActionSheetAttribute<T> extends CommonMethod<T> {
-  show(value: {
+/**
+ * Declare the ActionSheet
+ * @since 8
+ */
+export declare class ActionSheet {
+  /**
+   * Invoking method display.
+   * @since 8
+   */
+  static show(value: {
+    /**
+     * Title Properties
+     * @since 8
+     */
     title: string | Resource;
+
+    /**
+     * message Properties
+     * @since 8
+     */
     message: string | Resource;
+
+    /**
+     * Invoke the commit function.
+     * @since 8
+     */
     confirm?: {
+      /**
+       * Text content of the confirmation button.
+       * @since 8
+       */
       value: string | Resource;
+
+      /**
+       * Method executed by the callback.
+       * @since 8
+       */
       action: () => void;
     };
+
+    /**
+     * Execute Cancel Function.
+     * @since 8
+     */
     cancel?: () => void;
+
+    /**
+     * The Array of sheets
+     * @since 8
+     */
     sheets: Array<SheetInfo>;
+
+    /**
+     * Allows users to click the mask layer to exit.
+     * @since 8
+     */
     autoCancel?: boolean;
+
+    /**
+     * Alignment in the vertical direction.
+     * @since 8
+     */
     alignment?: DialogAlignment;
-    offset?: { dx: number | string | Resource, dy: number | string | Resource };
+
+    /**
+     * Offset of the pop-up window relative to the alignment position.
+     * @since 8
+     */
+    offset?: { dx: number | string | Resource; dy: number | string | Resource };
   });
 }
-
-export declare const ActionSheetInterface: ActionSheet;
diff --git a/api/@internal/component/ets/alert_dialog.d.ts b/api/@internal/component/ets/alert_dialog.d.ts
index 361b9823cc132048c5780b626f13d481cb3cfdf3..6a017f1979cf95ffff7bc8ba45c07796a9d40f3c 100644
--- a/api/@internal/component/ets/alert_dialog.d.ts
+++ b/api/@internal/component/ets/alert_dialog.d.ts
@@ -1,55 +1,205 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {CommonMethod, Resource} from "./common"
-
-export declare enum DialogAlignment {
-  Top,
-  Center,
-  Bottom,
-  Default
-}
-
-interface AlertDialog {
-  show(value: {
-    title?: string | Resource;
-    message: string | Resource;
-    autoCancel?: boolean;
-    confirm?: {
-      value: string | Resource;
-      action: () => void;
-    };
-    cancel?: () => void;
-    alignment?: DialogAlignment;
-    offset?: { dx: number | string | Resource, dy: number | string | Resource };
-  } | {
-    title?: string | Resource;
-    message: string | Resource;
-    autoCancel?: boolean;
-    primaryButton: {
-      value: string | Resource;
-      action: () => void;
-    };
-    secondaryButton: {
-      value: string | Resource;
-      action: () => void;
-    };
-    cancel?: () => void;
-    alignment?: DialogAlignment;
-    offset?: { dx: number | string | Resource, dy: number | string | Resource };
-  });
-}
-
-export declare const AlertDialogInterface: AlertDialog;
+/*
+ * 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 { 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;
+}
+
+/**
+ * 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;
+
+    /**
+     * Background 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;
+
+    /**
+     * Background 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;
+
+    /**
+     * Background 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 27d0858af6d35065cd5795a3082390cb79f7ef05..57aa49bc45496317188e5d3510b2ced89af72bb8 100644
--- a/api/@internal/component/ets/alphabet_indexer.d.ts
+++ b/api/@internal/component/ets/alphabet_indexer.d.ts
@@ -13,45 +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 {
+  /**
+   * A dialog box is displayed on the right of the index bar.
+   * @since 7
+   */
   Left,
-  Right
-}
 
-export declare class AlphabetIndexerExtend<T> extends AlphabetIndexerAttribute<T> {
+  /**
+   * A dialog box is displayed on the left of the index bar.
+   * @since 7
+   */
+  Right,
 }
 
+/**
+ * Alphabet index bar.
+ * @since 7
+ */
 interface AlphabetIndexer extends AlphabetIndexerAttribute<AlphabetIndexer> {
-  (value: {ArrayValue : Array<string>, selected : number}): AlphabetIndexer;
+  /**
+   * ArrayValue: Alphabetical index string array.
+   * selected: ID of the selected item.
+   * @since 7
+   */
+  (value: { arrayValue: Array<string>; selected: number }): 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;
 
-  color(value: Color | number | string | Resource): T;
-
-  selectedColor(value: Color | number | string | Resource): T;
-
-  popupColor(value: Color | number | string | Resource): T;
-
-  selectedBackgroundColor(value: Color | number | string | Resource): T;
-
-  popupBackground(value: Color | number | string | Resource): 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;
 
-  selectedFont(value: { size?: number, weight?: FontWeight, family?: string, style?: FontStyle}): T;
-
-  popupFont(value: { size?: number, weight?: FontWeight, family?: string, style?: FontStyle}): 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;
 
-  font(value: { size?: number, weight?: FontWeight, family?: string, style?: FontStyle}): 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 2e51167d79395db85b2229575965e5b04518afca..55c27f5f673644ef8c0e040663572119fc1bdb29 100644
--- a/api/@internal/component/ets/animator.d.ts
+++ b/api/@internal/component/ets/animator.d.ts
@@ -13,59 +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 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 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 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 parameters
+   * @since 7
+   * @systemapi
+   */
   constructor(position: number, velocity: number, min: number, max: number, prop: SpringProp);
 }
 
-export declare class AnimatorExtend<T> extends AnimatorAttribute<T> {
-}
-
+/**
+ * Defines Animtor.
+ * @since 7
+ * @systemapi
+ */
 interface Animator extends AnimatorAttribute<Animator> {
+  /**
+   * Constructor parameters
+   * @since 7
+   * @systemapi
+   */
   (value: string): 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
index 49587d21ee2bd80205bd31d44c626d767193c63c..8b955feb71a2e526e139d3d2613d493cdc4ec93c 100644
--- a/api/@internal/component/ets/badge.d.ts
+++ b/api/@internal/component/ets/badge.d.ts
@@ -1,42 +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, Color} from "./common"
-
-declare enum BadgePosition {
-  Right,
-  RightTop,
-  Left
-}
-
-interface BadgeStyle {
-  color?: Color;
-  fontSize?: number | string;
-  badgeSize?: number | string;
-  badgeColor: Color;
-}
-
-export declare class BadgeExtend<T> extends BadgeAttribute<T> {
-}
-
-interface Badge extends BadgeAttribute<Badge> {
-  (value: {count: number, position?: BadgePosition, maxCount?: number, style?: BadgeStyle}): Badge;
-  (value: {value: string, position?: BadgePosition, maxCount?: number, style?: BadgeStyle}): Badge;
-}
-
-declare class BadgeAttribute<T> extends CommonMethod<T> {
-}
-
-export declare const BadgeInterface: Badge
\ 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";
+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 42a841d29d59dd3b8c6f03ffbf8ae2ab277b198a..782cf284d358d31b6fe8f024728e09efd3114b4b 100644
--- a/api/@internal/component/ets/blank.d.ts
+++ b/api/@internal/component/ets/blank.d.ts
@@ -13,17 +13,32 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, Resource} from "./common"
-
-export declare class BlankExtend<T> extends BlankAttribute<T> {
-}
+import { CommonMethod } from "./common";
+import { ResourceColor } from "./units";
 
+/**
+ * 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;
 }
 
+/**
+ * Inheritance CommonMethod Set Styles
+ * @since 7
+ */
 declare class BlankAttribute<T> extends CommonMethod<T> {
-  color(value: Color | number | string | Resource): 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 8f7fd66a661e841cab04781a665e23344d266a7b..86a59621195612a5e429072bb1bc73ed418a0424 100644
--- a/api/@internal/component/ets/button.d.ts
+++ b/api/@internal/component/ets/button.d.ts
@@ -13,37 +13,124 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, Resource} from "./common"
-import {FontWeight} from "./text"
+import { Resource } from '.';
+import { CommonMethod } from "./common";
+import { FontWeight, FontStyle } 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,
 }
 
-export declare class ButtonExtend<T> extends ButtonAttribute<T> {
+/**
+ * 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;
 }
 
+/**
+ * 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;
 }
 
+/**
+ * Defines the button attribute functions.
+ * @since 7
+ */
 declare class ButtonAttribute<T> extends CommonMethod<T> {
+  /**
+   * Describes the button style.
+   * @since 7
+   */
   type(value: ButtonType): T;
 
+  /**
+   * 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): T;
+  /**
+   * Text color.
+   * @since 7
+   */
+  fontColor(value: ResourceColor): T;
 
-  fontSize(value: number | string | Resource): T;
+  /**
+   * Text size.
+   * @since 7
+   */
+  fontSize(value: Length): T;
 
+  /**
+   * Font weight.
+   * @since 7
+   */
   fontWeight(value: number | FontWeight | string): T;
+
+  /**
+   * Font style.
+   * @since 8
+   */
+  fontStyle(value: FontStyle): T;
+
+  /**
+   * Font family.
+   * @since 8
+   */
+  fontFamily(value: string | Resource): 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 9de2d52019c9d0a4fec5c2a5673e477a03c8c6f9..26c233f8d5b56d45b7f7af7d4afe67351c51a23f 100644
--- a/api/@internal/component/ets/calendar.d.ts
+++ b/api/@internal/component/ets/calendar.d.ts
@@ -13,127 +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;
+
+  /**
+   * Single 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;
+
+  /**
+   * Bound dary row offset.
+   * @since 7
+   * @systemapi
+   */
   boundaryRowOffset?: number;
+
+  /**
+   * Boundary col offset.
+   * @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.
+   * @since 7
+   * @systemapi
+   */
   constructor();
+
+  /**
+   * Back to day.
+   * @since 7
+   * @systemapi
+   */
   backToToday();
-  goTo(value: { year: number, month: number, day: number });
-}
 
-export declare class CalendarExtend<T> extends CalendarAttribute<T> {
+  /**
+   * To the specified element.
+   * @since 7
+   * @systemapi
+   */
+  goTo(value: { year: number; month: number; day: number });
 }
 
+/**
+ * @since 7
+ * @systemapi
+ */
 interface Calendar extends CalendarAttribute<Calendar> {
-  (value: { date: { year: number, month: number, day: number }, currentData: MonthData, preData: MonthData, nextData: MonthData, controller?: CalendarController }): Calendar;
+  /**
+   * Set value.
+   * @since 7
+   * @systemapi
+   */
+  (value: {
+    date: { year: number; month: number; day: number };
+    currentData: MonthData;
+    preData: MonthData;
+    nextData: MonthData;
+    controller?: CalendarController;
+  }): Calendar;
 }
 
+/**
+ * @since 7
+ * @systemapi
+ */
 declare class CalendarAttribute<T> {
+  /**
+   * Specifies whether the component displays the lunar calendar information.
+   * @since 7
+   * @systemapi
+   */
   showLunar(value: boolean): T;
 
+  /**
+   * Setting whether to display holiday information
+   * @since 7
+   * @systemapi
+   */
   showHoliday(value: boolean): T;
 
+  /**
+   * Indicates whether the page can be scrolled.
+   * @since 7
+   * @systemapi
+   */
   needSlide(value: boolean): T;
 
+  /**
+   * Set the start day of the week for the calendar.
+   * @since 7
+   * @systemapi
+   */
   startOfWeek(value: number): T;
 
+  /**
+   * Set weekend. The default value is Sunday and Saturday.
+   * @since 7
+   * @systemapi
+   */
   offDays(value: number): T;
 
+  /**
+   * Sets the sliding direction.
+   * @since 7
+   * @systemapi
+   */
   direction(value: Axis): T;
 
+  /**
+   * Sets the date style in the current month.
+   * @since 7
+   * @systemapi
+   */
   currentDayStyle(value: CurrentDayStyle): T;
 
+  /**
+   * Sets the non-monthly date style.
+   * @since 7
+   * @systemapi
+   */
   nonCurrentDayStyle(value: NonCurrentDayStyle): T;
 
+  /**
+   * Set the date style for today.
+   * @since 7
+   * @systemapi
+   */
   todayStyle(value: TodayStyle): T;
 
+  /**
+   * Sets the date style for the weekend.
+   * @since 7
+   * @systemapi
+   */
   weekStyle(value: WeekStyle): T;
 
+  /**
+   * Sets the style of the working state.
+   * @since 7
+   * @systemapi
+   */
   workStateStyle(value: WorkStateStyle): T;
 
-  onSelectChange(event: (event: { year: number, month: number, day: number }) => void): T;
+  /**
+   * 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): T;
+  /**
+   * 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/canvas.d.ts b/api/@internal/component/ets/canvas.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..87c0fdb6dab60d56914d9e470951560b6f42eb73
--- /dev/null
+++ b/api/@internal/component/ets/canvas.d.ts
@@ -0,0 +1,1114 @@
+/*
+ * 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, PixelMap } from "./common";
+import { Matrix2D } from "./matrix2d";
+
+/**
+ * Filling style algorithm, which determines whether a point is within or outside the path. The following
+ *    two configurations are supported:
+ * "evenodd": odd and even round rule
+ * "nonzero": (Default) Non-zero Wrap Rules
+ * @since 8
+ */
+export declare type CanvasFillRule = 'evenodd' | 'nonzero';
+
+/**
+ * Specifies the attribute of drawing the end of each line segment. The following configurations are supported:
+ * "butt": (Default) Segment Ends in Square
+ * "round": Segment ends in a circle
+ * "square": The end of the segment ends in a square, but a rectangular area is added that is the same width
+ *    as the segment and is half the thickness of the segment.
+ * @since 8
+ */
+export declare type CanvasLineCap = 'butt' | 'round' | 'square';
+
+/**
+ * Sets the attribute of how two connected parts (line segments, arcs, and curves) whose length is not 0
+ *    are connected together. The following three configurations are supported:
+ * "bevel": Fill the ends of the connected sections with an additional triangle-base area,
+ *    each with its own independent rectangular corner.
+ * "miter": (Default) An additional diamond region is formed by extending the outer edges of the connected portions
+ *    so that they intersect at a point.
+ * "round": Draw the shape of the corner by filling in an additional sector with the center at the end of the
+ *    connected section. The radius of the fillet is the width of the segment.
+ * @since 8
+ */
+export declare type CanvasLineJoin = 'bevel' | 'miter' | 'round';
+
+/**
+ * Indicates the attribute of the current text direction. The options are as follows:
+ * "inherit": (Default) Inherit current Canvas component settings
+ * "ltr": The text direction is left to right.
+ * "rtl": The text direction is from right to left.
+ * @since 8
+ */
+export declare type CanvasDirection = 'inherit' | 'ltr' | 'rtl';
+
+/**
+ * Describes the alignment mode for drawing text. The options are as follows:
+ * "center": The text is centered.
+ * "end": Where text aligns lines end (Left alignment refers to the local from left to right,
+ *    and right alignment refers to the local from right to left)
+ * "left": The text is left-aligned.
+ * "right": The text is right-aligned.
+ * "start": (Default) Where the text snap line begins (Left alignment refers to the local from left to right,
+ *    and right alignment refers to the local from right to left)
+ * @since 8
+ */
+export declare type CanvasTextAlign = 'center' | 'end' | 'left' | 'right' | 'start';
+
+/**
+ * Text baseline, which supports the following configurations:
+ * "alphabetic": (Default) The text baseline is the standard letter baseline.
+ * "bottom": The text baseline is at the bottom of the text block. The difference between the ideographic baseline
+ *    and the ideographic baseline is that the ideographic baseline does not need to consider downlink letters.
+ * "hanging": The text baseline is a hanging baseline.
+ * "ideographic": The text baseline is the ideographic baseline; If the character itself exceeds the alphabetic
+ *    baseline, the ideograhpic baseline is at the bottom of the character itself.
+ * "middle": The text baseline is in the middle of the text block.
+ * "top": The text baseline is at the top of the text block.
+ * @since 8
+ */
+export declare type CanvasTextBaseline = 'alphabetic' | 'bottom' | 'hanging' | 'ideographic' | 'middle' | 'top';
+
+/**
+ * Sets the image smoothness attribute. The options are as follows:
+ * "high": height
+ * "low": (default)low
+ * "medium": medium
+ * @since 8
+ */
+export declare type ImageSmoothingQuality = 'high' | 'low' | 'medium';
+
+/**
+ * Opaque objects that describe gradients, created by createLinearGradient() or createRadialGradient()
+ * @since 8
+ */
+export declare class CanvasGradient {
+  /**
+   * Add a breakpoint defined by offset and color to the gradient
+   * @param number Value between 0 and 1, out of range throws INDEX_SIZE_ERR error
+   * @param string CSS color value <color>. If the color value cannot be resolved to a valid CSS color value <color>
+   *    a SYNTAX_ERR error is thrown.
+   * @since 8
+   */
+  addColorStop(offset: number, color: string): void;
+}
+
+/**
+ * Path object, which provides basic methods for drawing paths.
+ * @since 8
+ */
+declare class CanvasPath {
+  /**
+   * Draw an arc path
+   * @param x The x-axis coordinate of the center (center of the circle) of the arc.
+   * @param y The y-axis coordinate of the center (center of the circle) of the arc.
+   * @param radius Radius of the arc.
+   * @param startAngle Start point of an arc, which starts to be calculated in the x-axis direction. The unit is radian.
+   * @param endAngle The end point of the arc, in radians.
+   * @param counterclockwise If the value is true, the arc is drawn counterclockwise. Otherwise,
+   *    the arc is drawn clockwise. The default value is false.
+   * @since 8
+   */
+  arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, counterclockwise?: boolean): void;
+
+  /**
+   * Draw arc paths based on control points and radius
+   * @param x1 The x-axis coordinate of the first control point.
+   * @param y1 The y-axis coordinate of the first control point.
+   * @param x2 The x-axis coordinate of the second control point.
+   * @param y2 The y-axis coordinate of the second control point.
+   * @param radius Radius of the arc.
+   * @since 8
+   */
+  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+
+  /**
+   * Drawing Cubic Bessel Curve Paths
+   * @param cp1x The x-axis coordinate of the first control point.
+   * @param cp1y The y-axis coordinate of the first control point.
+   * @param cp2x The x-axis coordinate of the second control point.
+   * @param cp2y The y-axis coordinate of the second control point.
+   * @param x x-axis coordinate of the end point.
+   * @param y y-axis coordinate of the end point.
+   * @since 8
+   */
+  bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
+
+  /**
+   * Returns the pen point to the start point of the current subpath
+   * @since 8
+   */
+  closePath(): void;
+
+  /**
+   * Draw an Elliptic Path
+   * @param x x-axis coordinate of the center of the ellipse.
+   * @param y y-axis coordinate of the center of the ellipse.
+   * @param radiusX Radius of the major axis of the ellipse.
+   * @param radiusY Radius of the minor axis of the ellipse.
+   * @param rotation The rotation angle of the ellipse, in radians (not angular degrees).
+   * @param startAngle The angle of the starting point to be drawn, measured from the x-axis in radians
+   *    (not angular degrees).
+   * @param endAngle The angle, in radians, at which the ellipse is to be drawn (not angular degrees).
+   * @param counterclockwise If the value is true, the ellipse is drawn counterclockwise. Otherwise,
+   *    the ellipse is drawn clockwise. The default value is false.
+   * @since 8
+   */
+  ellipse(
+    x: number,
+    y: number,
+    radiusX: number,
+    radiusY: number,
+    rotation: number,
+    startAngle: number,
+    endAngle: number,
+    counterclockwise?: number,
+  ): void;
+
+  /**
+   * Connect subpaths using straight lines
+   * @param x The x-axis coordinate of the end point of the line.
+   * @param y The y-axis coordinate of the end point of the line.
+   * @since 8
+   */
+  lineTo(x: number, y: number): void;
+
+  /**
+   * Moves the start point of a new subpath to the (x, y) coordinate.
+   * @param x The x-axis coordinate of the point.
+   * @param y The y-axis coordinate of the point.
+   * @since 8
+   */
+  moveTo(x: number, y: number): void;
+
+  /**
+   * Draw quadratic Bezier curve paths
+   * @param cpx The x-axis coordinate of the control point.
+   * @param cpy The y-axis coordinate of the control point.
+   * @param x x-axis coordinate of the end point.
+   * @param y y-axis coordinate of the end point.
+   * @since 8
+   */
+  quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+
+  /**
+   * Draw Rectangular Paths
+   * @param x The x-axis coordinate of the start point of the rectangle.
+   * @param y The y-axis coordinate of the start point of the rectangle.
+   * @param w Width of the rectangle.
+   * @param h Height of the rectangle.
+   * @since 8
+   */
+  rect(x: number, y: number, w: number, h: number): void;
+}
+
+/**
+ * 2D path object for path drawing
+ * @since 8
+ */
+export declare class Path2D extends CanvasPath {
+  /**
+   * Adds a path according to the specified path variable.
+   * @param path Indicates the path object to be added.
+   * @param transform Transformation matrix of the new trail
+   * @since 8
+   */
+  addPath(path: Path2D, transform?: Matrix2D): void;
+
+  /**
+   * Create an empty path object.
+   * @since 8
+   */
+  constructor();
+
+  /**
+   * Create a copy of a path object
+   * @param path Path object to be copied
+   * @since 8
+   */
+  constructor(path: Path2D);
+
+  /**
+   * Create a new path according to the description.
+   * @param d Indicates the path string that compiles with the SVG path description specifications.
+   * @since 8
+   */
+  constructor(d: string);
+}
+
+/**
+ * Describes an opaque object of a template, which is created using the createPattern() method.
+ * @since 8
+ */
+export declare interface CanvasPattern {
+  /**
+   * Adds the matrix transformation effect to the current template.
+   * @param transform transformation matrix
+   * @since 8
+   */
+  setTransform(transform?: Matrix2D): void;
+}
+
+/**
+ * Size information of the text
+ * @since 8
+ */
+export declare interface TextMetrics {
+  /**
+   * Double, the distance from the horizontal line indicated by the textBaseline property to the top of
+   *    the rectangular boundary of the rendered text.
+   * @since 8
+   */
+  readonly actualBoundingBoxAscent: number;
+
+  /**
+   * Double, the distance from the horizontal line indicated by the textBaseline property to the bottom of
+   *    the rectangular boundary of the rendered text.
+   * @since 8
+   */
+  readonly actualBoundingBoxDescent: number;
+
+  /**
+   * Double, parallel to the baseline, distance from the alignment point determined by the textAlign property to
+   *    the left of the text rectangle boundary.
+   * @since 8
+   */
+  readonly actualBoundingBoxLeft: number;
+
+  /**
+   * Double, parallel to the baseline, distance from the alignment point determined by the textAlign property to
+   *    the right of the text rectangle boundary.
+   * @since 8
+   */
+  readonly actualBoundingBoxRight: number;
+
+  /**
+   * Double, the distance from the horizontal line indicated by the textBaseline property to the alphabetic baseline of
+   *    the wireframe.
+   * @since 8
+   */
+  readonly alphabeticBaseline: number;
+
+  /**
+   * Double, the distance from the horizontal line indicated by the textBaseline property to the top of the
+   *    em square in the wireframe.
+   * @since 8
+   */
+  readonly emHeightAscent: number;
+
+  /**
+   * Double, distance from the horizontal line indicated by the textBaseline property to the bottom of the
+   *    em box in the wireframe.
+   * @since 8
+   */
+  readonly emHeightDescent: number;
+
+  /**
+   * Double, distance from the horizontal line indicated by the textBaseline property to the top of the
+   *    highest rectangle boundary of all fonts rendering text.
+   * @since 8
+   */
+  readonly fontBoundingBoxAscent: number;
+
+  /**
+   * Double, distance from the horizontal line indicated by the textBaseline property to the bottom of the
+   *   rectangular boundary of all fonts rendering text.
+   * @since 8
+   */
+  readonly fontBoundingBoxDescent: number;
+
+  /**
+   * Double, distance from the horizontal line indicated by the textBaseline property to
+   *    the hanging baseline of the wireframe.
+   * @since 8
+   */
+  readonly hangingBaseline: number;
+
+  /**
+   * Double, distance from the horizontal line indicated by the textBaseline property to
+   *    the ideographic baseline of the wireframe.
+   * @since 8
+   */
+  readonly ideographicBaseline: number;
+
+  /**
+   * Indicates the width of a character string. The value is of the double type.
+   * @since 8
+   */
+  readonly width: number;
+}
+
+/**
+ * Bitmap image object that can be drawn onto the current Canvas
+ * @since 8
+ */
+export declare class ImageBitmap {
+  /**
+   * Indicates the height of the CSS pixel unit of ImageData.
+   * @since 8
+   */
+  readonly height: number;
+
+  /**
+   * Indicates the width of the CSS pixel unit of ImageData.
+   * @since 8
+   */
+  readonly width: number;
+
+  /**
+   * Releases all graphics resources associated with an ImageBitmap.
+   * @since 8
+   */
+  close(): void;
+
+  /**
+   * Create an ImageBitmap object based on the transferred image path.
+   * @param src Path of the image object.
+   * @since 8
+   */
+  constructor(src: string);
+
+  /**
+   * Transfer a PixelMap object to construct an ImageBitmap object.
+   * @param data PixelMap object
+   * @since 8
+   */
+  constructor(data: PixelMap);
+}
+
+/**
+ * Image data object
+ * @since 8
+ */
+export declare interface ImageData {
+  /**
+   * Array containing image pixel data
+   * @since 8
+   */
+  readonly data: Uint8ClampedArray;
+
+  /**
+   * Width of the image.
+   * @since 8
+   */
+  readonly height: number;
+
+  /**
+   * Height of the image.
+   * @since 8
+   */
+  readonly width: number;
+
+  /**
+   * Create an ImageData object based on the input parameters.
+   * @param width Width of the image.
+   * @param height Height of the image.
+   * @param data Data of the image. If this parameter is not specified, the default value is a black rectangular image.
+   * @since 8
+   */
+  constructor(width: number, height: number, data?: Uint8ClampedArray);
+}
+
+/**
+ * This object allows you to set properties when creating a rendering context
+ * @since 8
+ */
+export declare class RenderingContextSettings {
+  /**
+   * Indicates whether the canvas contains an alpha channel. The default value is false.
+   * @since 8
+   */
+  alpha?: boolean;
+
+  /**
+   * Indicates whether anti-aliasing is enabled for canvas. The default value is false.
+   * @since 8
+   */
+  antialias?: boolean;
+
+  /**
+   * Create an RenderingContextSettings object based on the antialias and alpha.
+   * @param antialias Indicates whether anti-aliasing is enabled for canvas
+   * @param alpha Indicates whether the canvas contains an alpha channel
+   * @since 8
+   */
+  constructor(antialias?: boolean, alpha?: boolean);
+}
+
+/**
+ * Canvas renderer for drawing shapes, text, images and other objects
+ * @since 8
+ */
+declare class CanvasRenderer extends CanvasPath {
+  /**
+   * Transparency. The value ranges from 0.0 (completely transparent) to 1.0 (completely opaque).
+   *    The default value is 1.0. If the value is out of range, the assignment is invalid.
+   * @since 8
+   */
+  globalAlpha: number;
+
+  /**
+   * Type of composition operation applied when drawing a new shape. The following types are supported:
+   * source-over: (Default) Draws a new drawing on top of an existing canvas context.
+   * source-in: The new drawing is drawn only where the new drawing overlaps the target canvas.
+   *    Everything else is transparent.
+   * source-out: Draws a new drawing where it does not overlap with the existing canvas content.
+   * source-atop: The new drawing is drawn only where it overlaps the content of the existing canvas.
+   * destination-over: Draws a new graphic behind the existing canvas content.
+   * destination-in: Existing canvas content remains where the new drawing overlaps the existing canvas content.
+   *    Everything else is transparent.
+   * destination-out: Existing content remains where the new drawing does not overlap.
+   * destination-atop: The existing canvas retains only the part that overlaps with the new drawing,
+   *    which is drawn behind the canvas content.
+   * lighter: The color of two overlapping shapes is determined by adding the color values.
+   * copy: Only new graphics are displayed.
+   * xor: In the image, those overlaps and other places outside of the normal drawing are transparent.
+   * multiply: Multiply the top pixel by the bottom pixel, and the result is a darker picture.
+   * screen: The pixels are inverted, multiplied, and inverted again, and the result is a brighter picture.
+   * overlay: The combination of multiply and screen enables dark places to be darker and bright places to be brighter.
+   * darken: Keeps the darkest pixel in both layers.
+   * lighten: Keeps the brightest pixel in both layers.
+   * color-dodge: The inverse of dividing the bottom layer by the top layer.
+   * color-burn: Divide the inverted bottom layer by the top layer, and reverse the result.
+   * hard-light: A combination of multiplication and screen is similar to overlay, but the layers are interchanged.
+   * soft-light: Subtract the bottom from the top or vice versa to get a positive value.
+   * difference: A softer version of hard-light. Pure black or pure white does not result in pure black or pure white.
+   * exclusion: Similar to difference, but with lower contrast.
+   * hue: The luminance and chroma of the bottom layer are retained while the hue of the top layer is employed.
+   * saturation: The luminance (luma) and hue (hue) of the bottom layer are retained while the chroma (chroma) of
+   *    the top layer is used.
+   * color: The luminance (luma) of the bottom layer is retained while the hue (hue) and chroma (chroma) of
+   *    the top layer are used.
+   * luminosity: The hue and chroma of the bottom layer are maintained while the luminance of the top layer is used.
+   * @since 8
+   */
+  globalCompositeOperation: string;
+
+  /**
+   * Draw an image on a canvas
+   * @param image Picture objects drawn to the canvas.
+   * @param dx x-axis coordinate of the upper left corner of the image on the target canvas.
+   * @param dy y-axis coordinate of the upper left corner of the image on the target canvas.
+   * @since 8
+   */
+  drawImage(image: ImageBitmap, dx: number, dy: number): void;
+
+  /**
+   * Draw an image on a canvas
+   * @param image Picture objects drawn to the canvas.
+   * @param dx x-axis coordinate of the upper left corner of the image on the target canvas.
+   * @param dy y-axis coordinate of the upper left corner of the image on the target canvas.
+   * @param dw Specifies the drawing width of the image on the target canvas. The width of the drawn image will be scaled.
+   * @param dh Specifies the drawing height of the image on the target canvas. The height of the drawn image will be scaled.
+   * @since 8
+   */
+  drawImage(image: ImageBitmap, dx: number, dy: number, dw: number, dh: number): void;
+
+  /**
+   *Draw an image on a canvas
+   * @param image Picture objects drawn to the canvas.
+   * @param sx x coordinate of the upper left corner of the rectangle (cropping) selection box of the image.
+   * @param sy y coordinate of the upper left corner of the rectangle (cropping) selection box of the image.
+   * @param sw Width of the rectangle (cropping) selection box of the image.
+   * @param sh Height of the rectangle (cropping) selection box of the image.
+   * @param dx x-axis coordinate of the upper left corner of the image on the target canvas.
+   * @param dy y-axis coordinate of the upper left corner of the image on the target canvas.
+   * @param dw Specifies the drawing width of the image on the target canvas. The width of the drawn image will be scaled.
+   * @param dh Specifies the drawing height of the image on the target canvas. The height of the drawn image will be scaled.
+   * @since 8
+   */
+  drawImage(
+    image: ImageBitmap,
+    sx: number,
+    sy: number,
+    sw: number,
+    sh: number,
+    dx: number,
+    dy: number,
+    dw: number,
+    dh: number,
+  ): void;
+
+  /**
+   * Clear the sub-path list and start a new path.
+   * @since 8
+   */
+  beginPath(): void;
+
+  /**
+   * Sets the currently created path as the current clipping path
+   * @param fillRule Algorithm rule. For details, see {@link CanvasFillRule}.
+   * @since 8
+   */
+  clip(fillRule?: CanvasFillRule): void;
+
+  /**
+   * Tailoring according to the specified path
+   * @param path Path to be cut.
+   * @param fillRule Algorithm rule. For details, see {@link CanvasFillRule}.
+   * @since 8
+   */
+  clip(path: Path2D, fillRule?: CanvasFillRule): void;
+
+  /**
+   * Fills existing paths according to the current fill style.
+   * @param fillRule Algorithm rule. For details, see {@link CanvasFillRule}.
+   * @since 8
+   */
+  fill(fillRule?: CanvasFillRule): void;
+
+  /**
+   * Fills the specified path according to the current fill style
+   * @param path Path to be filled.
+   * @param fillRule Algorithm rule. For details, see {@link CanvasFillRule}.
+   * @since 8
+   */
+  fill(path: Path2D, fillRule?: CanvasFillRule): void;
+
+  /**
+   * Draws an existing path according to the current stroke style.
+   * @since 8
+   */
+  stroke(): void;
+
+  /**
+   * Draws the specified path according to the current stroke style
+   * @param path Specified stroke path object
+   * @since 8
+   */
+  stroke(path: Path2D): void;
+
+  /**
+   * Attributes that describe the fill color and style. The default value is # 000 (black). The options are as follows:
+   * color: Color String
+   * CanvasGradient: Color gradient object. For details, see {@link CanvasGradient}.
+   * CanvasPattern: Template object. For details, see {@link CanvasPattern}.
+   * @param path Specified stroke path object
+   * @since 8
+   */
+  fillStyle: string | CanvasGradient | CanvasPattern;
+
+  /**
+   * Attributes of the stroke color and style. The default value is # 000 (black). The options are as follows:
+   * color: Color String
+   * CanvasGradient: Color gradient object. For details, see {@link CanvasGradient}.
+   * CanvasPattern: Template object. For details, see {@link CanvasPattern}.
+   * @param path Specified stroke path object
+   * @since 8
+   */
+  strokeStyle: string | CanvasGradient | CanvasPattern;
+
+  /**
+   * Creates a linear gradient object that is specified along the parameter coordinates
+   * @param x0 The x-axis coordinate of the start point.
+   * @param y0 The y-axis coordinate of the start point.
+   * @param x1 x-axis coordinate of the end point.
+   * @param y1 y-axis coordinate of the end point.
+   * @since 8
+   */
+  createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient;
+
+  /**
+   * Creates a template object using the specified image
+   * @param image Objects as duplicate image sources
+   * @param repetition Specifies how to repeat images. The following four modes are supported:
+   * "repeat": Repeated images in both X and Y directions
+   * "repeat-x": Repeated images in the X-axis direction but not in the Y-axis direction
+   * "repeat-y": The image is repeated in the Y axis direction, and the image is not repeated in the X axis direction.
+   * "no-repeat": Non-repeating images in both X and Y directions
+   * @since 8
+   */
+  createPattern(image: ImageBitmap, repetition: string | null): CanvasPattern | null;
+
+  /**
+   * Creates a radioactive gradient object based on parameters that determine the coordinates of two circles
+   * @param x0 The x-axis coordinate of the start circle.
+   * @param y0 The y-axis coordinate of the start circle.
+   * @param r0 Radius of the starting circle.
+   * @param x1 The x-axis coordinate of the end circle.
+   * @param y1 The y-axis coordinate of the end circle.
+   * @param r1 Radius of the end circle.
+   * @since 8
+   */
+  createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): CanvasGradient;
+
+  /**
+   * Provides filter effects such as blur and grayscale. You can set the following filter effects:
+   * blur(<length>): Adds a Gaussian blur effect to the drawing
+   * brightness(<percentage>): Provides a linear multiplication for the drawing and adjusts the brightness level.
+   * contrast(<percentage>): Adjusts the contrast of the image. When the value is 0%, the image is completely blacked out.
+   *    When the value is 100%, there is no change in the image.
+   * drop-shadow(<offset-x>, <offset-y>, <blur-radius>, <spread-radius>, <color>): Shading Drawings
+   *           --- <offset-x>: Describes the horizontal distance of the shadow.
+   *           --- <offset-y>: Describes the vertical distance of the shadow.
+   *           --- <blur-radius>: Blur radius. The larger the value, the greater the blur. The value cannot be a negative number.
+   *           --- <spread-radius>: Positive numbers make the shadow expand larger, negative numbers make the shadow shrink.
+   *           --- <color>: Shadow Color
+   * grayscale(<percentage>)：Converts the image to a gray image. When the value is 100%, the image is completely grayed out.
+   *    When the value is 0%, there is no change in the image.
+   * hue-rotate(<degree>)：Perform color rotation on an image. When the value is 0 degrees, there is no change in the image.
+   * invert(<percentage>)：Inverted image (representing the effect of a photographic negative). When the value is 100%,
+   *    the image is completely inverted. When the value is 0%, there is no change in the image.
+   * opacity(<percentage>)：Transparency of the image. At 0%, the image is completely transparent.
+   *    When the value is 100%, there is no change in the image.
+   * saturate(<percentage>)：Perform saturation processing on the image. At 0%, the image is completely unsaturated.
+   *    When the value is 100%, there is no change in the image.
+   * sepia(<percentage>)：The image is sepia (nostalgic style). At 100%, the image turns completely sepia.
+   *    When the value is 0%, there is no change in the image.
+   * none：Turn off filter effects
+   * @since 8
+   */
+  filter(filter: string): void;
+
+  /**
+   * Creates a new, empty ImageData object of the specified size
+   * @param sw Width of the ImageData object.
+   * @param sh Height of the ImageData object.
+   * @since 8
+   */
+  createImageData(sw: number, sh: number): ImageData;
+
+  /**
+   * From an existing ImageData object, copy an object with the same width and height as the image.
+   *    The image content is not copied.
+   * @param imagedata ImageData object to be copied.
+   * @since 8
+   */
+  createImageData(imagedata: ImageData): ImageData;
+
+  /**
+   * Obtains the pixel data of a specified area on the current canvas.
+   * @param sx x coordinate of the upper left corner of the rectangular area of the image data to be extracted.
+   * @param sy y coordinate of the upper left corner of the rectangular area 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.
+   * @since 8
+   */
+  getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
+
+  /**
+   * Draws the specified ImageData object onto the canvas
+   * @param imagedata ImageData object to be drawn.
+   * @param dx Position offset of the source image data in the target canvas (the offset in the x-axis direction).
+   * @param dy Position offset of the source image data in the target canvas (the offset in the y-axis direction).
+   * @since 8
+   */
+  putImageData(imagedata: ImageData, dx: number, dy: number): void;
+
+  /**
+   * Draws the specified ImageData object onto the canvas
+   * @param imagedata ImageData object to be drawn.
+   * @param dx Position offset of the source image data in the target canvas (the offset in the x-axis direction).
+   * @param dy Position offset of the source image data in the target canvas (the offset in the y-axis direction).
+   * @param dirtyX Position of the upper left corner of the rectangular area in the source image data.
+   *    The default is the upper left corner (x coordinate) of the entire image data.
+   * @param dirtyY Position of the upper left corner of the rectangular area in the source image data.
+   *    The default is the upper left corner (y coordinate) of the entire image data.
+   * @param dirtyWidth Width of the rectangular area in the source image data.
+   *    The default is the width of the image data.
+   * @param dirtyHeight Height of the rectangular area in the source image data.
+   *    The default is the height of the image data.
+   * @since 8
+   */
+  putImageData(
+    imagedata: ImageData,
+    dx: number,
+    dy: number,
+    dirtyX: number,
+    dirtyY: number,
+    dirtyWidth: number,
+    dirtyHeight: number,
+  ): void;
+
+  /**
+   * Specifies whether to smooth the image. The value true indicates that the image is smooth (default value).
+   *    The value false indicates that the image is not smooth.
+   * @since 8
+   */
+  imageSmoothingEnabled: boolean;
+
+  /**
+   * Smoothness level of the current image. For details, see {@link ImageSmoothingQuality}.
+   * @since 8
+   */
+  imageSmoothingQuality(quality: ImageSmoothingQuality): void;
+
+  /**
+   * Line segment endpoint attribute. For details, see {@link CanvasLineCap}.
+   * @since 8
+   */
+  lineCap: CanvasLineCap;
+
+  /**
+   * Dotted line offset attribute. The default value is 0.0.
+   * @since 8
+   */
+  lineDashOffset: number;
+
+  /**
+   * Line segment connection point attribute. For details, see {@link CanvasLineJoin}.
+   * @since 8
+   */
+  lineJoin: CanvasLineJoin;
+
+  /**
+   * Line thickness attribute. The value cannot be 0 or a negative number.
+   * @since 8
+   */
+  lineWidth: number;
+
+  /**
+   * The value of this parameter cannot be 0 or a negative number.
+   * @since 8
+   */
+  miterLimit: number;
+
+  /**
+   * Gets the current segment style.
+   * @since 8
+   */
+  getLineDash(): number[];
+
+  /**
+   * Sets the dashed line mode for line drawing.
+   * @param segments A set of numbers that describe the length of alternating drawn line segments and
+   *    spacing (coordinate space units).
+   * @since 8
+   */
+  setLineDash(segments: number[]): void;
+
+  /**
+   * Clears the drawing content of a rectangular area.
+   * @param x The x-axis coordinate of the start point of the rectangle.
+   * @param y The y-axis coordinate of the start point of the rectangle.
+   * @param w Width of the rectangle.
+   * @param h Height of the rectangle.
+   * @since 8
+   */
+  clearRect(x: number, y: number, w: number, h: number): void;
+
+  /**
+   * Fills a specified rectangular area
+   * @param x The x-axis coordinate of the start point of the rectangle.
+   * @param y The y-axis coordinate of the start point of the rectangle.
+   * @param w Width of the rectangle.
+   * @param h Height of the rectangle.
+   * @since 8
+   */
+  fillRect(x: number, y: number, w: number, h: number): void;
+
+  /**
+   * Stroke Specify Rectangular Area
+   * @param x The x-axis coordinate of the start point of the rectangle.
+   * @param y The y-axis coordinate of the start point of the rectangle.
+   * @param w Width of the rectangle.
+   * @param h Height of the rectangle.
+   * @since 8
+   */
+  strokeRect(x: number, y: number, w: number, h: number): void;
+
+  /**
+   * Shadow blur radius. The default value is 0. The value cannot be a negative number.
+   * @since 8
+   */
+  shadowBlur: number;
+
+  /**
+   * Shadow color. The default value is transparent black.
+   * @since 8
+   */
+  shadowColor: string;
+
+  /**
+   * Horizontal offset distance of the shadow. The default value is 0.
+   * @since 8
+   */
+  shadowOffsetX: number;
+
+  /**
+   * Vertical offset distance of the shadow. The default value is 0.
+   * @since 8
+   */
+  shadowOffsetY: number;
+
+  /**
+   * Top of the stack pop-up state in the drawing state stack
+   * @since 8
+   */
+  restore(): void;
+
+  /**
+   * Saves the current drawing state to the drawing state stack
+   * @since 8
+   */
+  save(): void;
+
+  /**
+   * Fills the specified text at the specified location
+   * @param text Text string to be drawn.
+   * @param x The x-axis coordinate of the start point of the text.
+   * @param y The y-axis coordinate of the start point of the text.
+   * @param maxWidth Maximum width of the drawing.
+   * @since 8
+   */
+  fillText(text: string, x: number, y: number, maxWidth?: number): void;
+
+  /**
+   * Measure the size of a specified text. For details about the return value, see {@link TextMetrics}.
+   * @param text Text string to be measured.
+   * @since 8
+   */
+  measureText(text: string): TextMetrics;
+
+  /**
+   * Stroke specified text at specified position
+   * @param text Text string to be stroked.
+   * @param x The x-axis coordinate of the start point of the text.
+   * @param y The y-axis-axis coordinate of the start point of the text.
+   * @param maxWidth Maximum width of the stroke.
+   * @since 8
+   */
+  strokeText(text: string, x: number, y: number, maxWidth?: number): void;
+
+  /**
+   * Text drawing direction. For details, see {@link CanvasDirection}.
+   * @since 8
+   */
+  direction(direction: CanvasDirection): void;
+
+  /**
+   * Font style. The default value is 10px sans-serif.
+   * @since 8
+   */
+  font: string;
+
+  /**
+   * Text alignment mode. For details, see {@link CanvasTextAlign}.
+   * @since 8
+   */
+  textAlign: CanvasTextAlign;
+
+  /**
+   * Text baseline. For details, see {@link CanvasTextBaseline}.
+   * @since 8
+   */
+  textBaseline: CanvasTextBaseline;
+
+  /**
+   * Obtains the currently applied transformation matrix.
+   * @since 8
+   */
+  getTransform(): Matrix2D;
+
+  /**
+   * Resets the current transformation matrix using the identity matrix
+   * @since 8
+   */
+  resetTransform(): void;
+
+  /**
+   * Adds the effect of a rotation
+   * @param angle The radian of clockwise rotation, which can be converted to an angle value using the formula:
+   *    degree * Math.PI / 180
+   * @since 8
+   */
+  rotate(angle: number): void;
+
+  /**
+   * Increases the scaling effect of the X and Y axes.
+   * @param x Horizontal scaling factor
+   * @param y Vertical scaling factor
+   * @since 8
+   */
+  scale(x: number, y: number): void;
+
+  /**
+   * Adds 2D transformation effects, including rotation, translation, and scaling.
+   *    The current transformation matrix will not be overwritten. Multiple transformations will be superimposed.
+   * @param a Horizontal Zoom
+   * @param b Vertical Tilt
+   * @param c Horizontal Tilt
+   * @param d Vertical Zoom
+   * @param e Horizontal movement
+   * @param f Vertical movement
+   * @since 8
+   */
+  setTransform(a: number, b: number, c: number, d: number, e: number, f: number): void;
+
+  /**
+   * The 2D transformation effect is added. The current transformation matrix is not overwritten and
+   *    the transformations are superimposed for multiple times.
+   * @param transform 2D transformation matrix. For details, see {@link Matrix2D}.
+   * @since 8
+   */
+  setTransform(transform?: Matrix2D): void;
+
+  /**
+   * Adds the 2D transformation effect, including rotation, translation, and scaling,
+   *    and overwrites the current transformation matrix.
+   * @param a Horizontal Zoom
+   * @param b Vertical Tilt
+   * @param c Horizontal Tilt
+   * @param d Vertical Zoom
+   * @param e Horizontal movement
+   * @param f Vertical movement
+   * @since 8
+   */
+  transform(a: number, b: number, c: number, d: number, e: number, f: number): void;
+
+  /**
+   * Increases the translation effect of the X and Y axes
+   * @param x Horizontal movement distance
+   * @param y Vertical travel distance
+   * @since 8
+   */
+  translate(x: number, y: number): void;
+
+  /**
+   * Set a PixelMap to the current context. The drawing content is synchronized to the PixelMap.
+   * @param value PixelMap object
+   * @since 8
+   */
+  setPixelMap(value?: PixelMap): void;
+
+  /**
+   * transfer ImageBitmap to content.
+   * @param ImageBitmap
+   * @since 8
+   */
+  transferFromImageBitmap(bitmap: ImageBitmap): void;
+}
+
+/**
+ * Draw context object for the Canvas component.
+ * @since 8
+ */
+export declare class RenderingContext extends CanvasRenderer {
+  /**
+   * The default value is 0, which is bound to the height of the specified canvas. The value is read-only.
+   * @since 8
+   */
+  readonly height: number;
+
+  /**
+   * The default value is 0, which is bound to the width of the specified canvas. The value is read-only.
+   * @since 8
+   */
+  readonly width: number;
+
+  /**
+   * Generate a character string in the data url format.
+   * @param type Image format. The default value is image/png.
+   * @param quality If the image format is image/jpeg or image/webp, you can select the image quality from 0 to 1.
+   *    If the value is out of the range, the default value 0.92 is used.
+   * @since 8
+   */
+  toDataURL(type?: string, quality?: any): string;
+
+  /**
+   * Constructor of the canvas drawing context object, which is used to create a drawing context object.
+   * @param settings Drawing attribute. For details, see {@link RenderingContextSettings}.
+   * @since 8
+   */
+  constructor(settings?: RenderingContextSettings);
+}
+
+/**
+ * Draw context object for the OffscreenCanvas component.
+ * @since 8
+ */
+export declare class OffscreenRenderingContext extends CanvasRenderer {
+  /**
+   * Generate a character string in the data url format.
+   * @param type Image format. The default value is image/png.
+   * @param quality If the image format is image/jpeg or image/webp, you can select the image quality from 0 to 1.
+   *    If the value is out of the range, the default value 0.92 is used.
+   * @since 8
+   */
+  toDataURL(type?: string, quality?: any): string;
+
+  /**
+   * transfer the content to ImageBitmap
+   * @since 8
+   */
+  transferToImageBitmap(): ImageBitmap;
+
+  /**
+   * Constructor of the canvas drawing context object, which is used to create a drawing context object.
+   * @param width the width of the OffscreenCanvas
+   * @param height the height of the OffscreenCanvas
+   * @param settings Drawing attribute. For details, see {@link RenderingContextSettings}.
+   * @since 8
+   */
+  constructor(width: number, height: number, settings?: RenderingContextSettings);
+}
+
+/**
+ * Draw an object off the screen. The drawing content is not directly displayed on the screen.
+ * @since 8
+ */
+export declare interface OffscreenCanvas extends CanvasRenderer {
+  /**
+   * Height of the off-screen canvas.
+   * @since 8
+   */
+  height: number;
+
+  /**
+   * Width of the off-screen canvas.
+   * @since 8
+   */
+  width: number;
+
+  /**
+   * Exports rendered content as an ImageBitmap object
+   * @since 8
+   */
+  transferToImageBitmap(): ImageBitmap;
+
+  /**
+   * Constructor of the off-screen canvas, which is used to create an off-screen canvas object.
+   * @param width Width of the off-screen canvas.
+   * @param height Height of the off-screen canvas.
+   * @since 8
+   */
+  constructor(width: number, height: number);
+}
+
+/**
+ *TextTimer component, which provides the text timer capability.
+ * @since 8
+ */
+interface Canvas extends CanvasAttribute<Canvas> {
+  /**
+   * Construct a canvas component.
+   * @param context Canvas context object. For details, see {@link RenderingContext}.
+   * @since 8
+   */
+  (context?: RenderingContext): Canvas;
+}
+
+declare class CanvasAttribute<T> extends CommonMethod<T> {
+  /**
+   * Event notification after the canvas component is constructed. You can draw the canvas at this time.
+   * @since 8
+   */
+  onReady(event: () => void): T;
+}
+export declare class CanvasExtend<T> extends CanvasAttribute<T> {}
+export declare const CanvasInterface: Canvas;
diff --git a/api/@internal/component/ets/circle.d.ts b/api/@internal/component/ets/circle.d.ts
index 457310a8b996cac36b9576c12f0e575f6a9dbf74..37594f26971c5f941c9a95d02f1eb48d9ae12ef7 100644
--- a/api/@internal/component/ets/circle.d.ts
+++ b/api/@internal/component/ets/circle.d.ts
@@ -13,17 +13,49 @@
  * limitations under the License.
  */
 
-import {CommonShapeMethod} from "./common";
+import { CommonShapeMethod } from "./common";
 
-export declare class CircleExtend<T> extends CircleAttribute<T> {
+/**
+ * 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> {
-  new (value?: { width?: string | number, height?: string | number }): Circle;
-  (value?: { width?: string | number, height?: string | number }): Circle;
-}
+  /**
+   * use new function to set the value.
+   * @since 7
+   */
+  new (value?: CircleOption): Circle;
 
-declare class CircleAttribute<T> extends CommonShapeMethod<T> {
+  /**
+   * 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 0c73073bda482633bf880d7427e2a69561fde6f9..5307dcd5aad3c4098f10f7d5d12401c9d783c5ff 100644
--- a/api/@internal/component/ets/column.d.ts
+++ b/api/@internal/component/ets/column.d.ts
@@ -13,17 +13,34 @@
  * limitations under the License.
  */
 
-import {CommonMethod, HorizontalAlignDeclaration, HorizontalAlign} from "./common";
-
-export declare class ColumnExtend<T> extends ColumnAttribute<T> {
-}
+import { CommonMethod } from "./common";
+import { HorizontalAlign } from "./enums";
 
+/**
+ * Defines the Column Component.
+ * @since 7
+ */
 interface Column extends ColumnAttribute<Column> {
-  (value?: { useAlign?: HorizontalAlignDeclaration, space?: string | number }): Column;
+  /**
+   * Set the value.
+   * useAlign:Use a custom alignment.
+   * space: Vertical layout element spacing.
+   * @since 7
+   */
+  (value?: { space?: string | number }): 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 eafeac0043f8f567357bf84289216577517f6616..e7e78831044325a544052bc8be727c0e70d0606b 100644
--- a/api/@internal/component/ets/column_split.d.ts
+++ b/api/@internal/component/ets/column_split.d.ts
@@ -13,17 +13,31 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
-
-export declare class ColumnSplitExtend<T> extends ColumnSplitAttribute<T> {
-}
+import { CommonMethod } from "./common";
 
+/**
+ * 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;
 }
 
+/**
+ * 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 78a13e49f3872319e865651af4ffb3e42ae43e71..7c6a28e3fe0170ffcf36a1d2b2926376a3dc4b88 100644
--- a/api/@internal/component/ets/common.d.ts
+++ b/api/@internal/component/ets/common.d.ts
@@ -13,650 +13,1345 @@
  * 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, Area } from "./units";
+import {
+  Alignment,
+  BorderStyle,
+  Color,
+  Curve,
+  Direction,
+  GradientDirection,
+  ImageRepeat,
+  ImageSize,
+  ItemAlign,
+  KeySource,
+  LineCapStyle,
+  LineJoinStyle,
+  PlayMode,
+  SharedTransitionEffectType,
+  TransitionType,
+  Visibility,
+  FocusDirection,
+  Placement,
+  HoverEffect,
+} 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;
-export declare const Preview: ClassDecorator;
+
+/**
+ * Defining Preview ClassDecorator.
+ * @since 7
+ */
+export declare const Preview: ClassDecorator & ((value: PreviewParams) => 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;
-export declare const CustomDialog: ClassDecorator;
-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;
 }
 
-declare const isSystemplugin: Function;
-
-// global function
-export declare function $s(value: string, params?: object | Array<any> | number): string;
+/**
+ * Defines the data type of the interface restriction.
+ * @devices phone, tablet, car
+ * @since 8
+ */
+export declare interface Rectangle {
+  /**
+   * x:Horizontal coordinate
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  x?: Length;
+
+  /**
+   * y:Vertical axis coordinate.
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  y?: Length;
+
+  /**
+   * Sets the width of the current touchRect.
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  width?: Length;
+
+  /**
+   * Sets the height of the current touchRect.
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  height?: Length;
+}
 
-export declare function $m(value: string): string;
+/**
+ * Defining isSystemplugin Constants.
+ * @since 7
+ */
+declare const isSystemplugin: (...args: string[]) => any;
 
+/**
+ * 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;
+}
+
+/**
+ * Define Preview property
+ * @since 8
+ */
+interface PreviewParams {
+  title?: string;
+  width?: number;
+  height?: number;
+  language?: string;
+  colorMode?: string;
+  deviceType?: string;
+  dpi?: number;
+}
+
+/**
+ * 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;
 
-export declare function setAppBgColor(params: string): void;
-
-// 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
+/**
+ * Defines the event target.
+ * @since 8
+ */
+export interface EventTarget {
+  /**
+   * Area of current target.
+   * @since 8
+   */
+  area: Area;
 }
 
-export declare enum EdgeEffect {
-  Spring,
-  Fade,
-  None
+/**
+ * Defines the base event.
+ * @since 8
+ */
+export interface BaseEvent {
+  /**
+   * Defines the current target which fires this event.
+   * @since 8
+   */
+  target: EventTarget;
+
+  /**
+   * Event timestamp.
+   * @since 8
+   */
+  timestamp: number;
 }
 
-export interface ClickEvent {
+/**
+ * The tap action triggers this method invocation.
+ * @since 7
+ */
+export interface ClickEvent extends BaseEvent {
+  /**
+   * 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;
-  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;
 }
 
-export interface TouchEvent {
+/**
+ * Touch Action Function Parameters
+ * @since 7
+ */
+export interface TouchEvent extends BaseEvent {
+  /**
+   * 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[];
-  timestamp: number;
-  stopPropagation?: () => void;
-}
 
-interface PasteData {
-  getPlainText(): string;
-  setPlainText(value: string);
+  /**
+   * The blocking event pops up.
+   * @since 7
+   */
+  stopPropagation?: () => void;
 }
 
+/**
+ * pixelmap object with release function.
+ * @since 7
+ */
 export declare class PixelMap {
+  /**
+   * release function.
+   * @since 7
+   */
   release(): void;
 }
 
-interface DragEvent {
-  getPasteData(): PasteData;
+/**
+ * DragEvent object description
+ * @since 7
+ */
+export interface DragEvent {
+  /**
+   * 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;
-  getDescription(): string;
-  setDescription(value: string);
-  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
-}
+  /**
+   * Key code of a key
+   * @since 7
+   */
+  keyCode: number;
 
-export declare enum FlexDirection {
-  Row,
-  Column,
-  RowReverse,
-  ColumnReverse
-}
+  /**
+   * Key value of a key.
+   * @since 7
+   */
+  keyText: string;
 
-export declare enum FlexWrap {
-  NoWrap,
-  Wrap,
-  WrapReverse
-}
+  /**
+   * Type of the input device that triggers the current key, such as the keyboard or handle.
+   * @since 7
+   */
+  keySource: KeySource;
 
-export declare enum VerticalAlign {
-  Top,
-  Center,
-  Bottom
-}
+  /**
+   * Indicates the ID of the input device that triggers the current key.
+   * @since 7
+   */
+  deviceId: number;
 
-export declare class VerticalAlignDeclaration {
-  constructor(value?: VerticalAlign)
-}
+  /**
+   * 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 class HorizontalAlignDeclaration {
-  constructor(value?: HorizontalAlign)
-}
+  /**
+   * Timestamp when the key was pressed.
+   * @since 7
+   */
+  timestamp: number;
 
-export declare enum ImageRepeat {
-  NoRepeat,
-  X,
-  Y,
-  XY
+  /**
+   * Block event bubbling.
+   * @since 7
+   */
+  stopPropagation?: () => void;
 }
 
-export declare enum ImageSize {
-  Auto,
-  Cover,
-  Contain
+/**
+ * Component State Styels.
+ * @since 8
+ */
+export interface StateStyels {
+  /**
+   * Defines normal state styles.
+   * @since 8
+   */
+  normal?: any;
+
+  /**
+   * Defines pressed state styles.
+   * @since 8
+   */
+  pressed?: any;
+
+  /**
+   * Defines disabled state styles.
+   * @since 8
+   */
+  disabled?: any;
+
+  /**
+   * Defines focused state styles.
+   * @since 8
+   */
+  focused?: any;
+
+  /**
+   * Defines clicked state styles.
+   * @since 8
+   */
+  clicked?: any;
 }
 
-export declare enum GradientDirection {
-  Left,
-  Top,
-  Right,
-  Bottom,
-  LeftTop,
-  LeftBottom,
-  RightTop,
-  RightBottom,
-  None
+export interface PopupOption {
+  /**
+   * 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;
 }
 
-export declare enum SharedTransitionEffectType {
-  Static,
-  Exchange
+export interface CustomPopupOption {
+  /**
+   * builder of popup
+   * @since 8
+   */
+  builder: CustomBuilder;
+
+  /**
+   * placement of popup
+   * @since 8
+   */
+  placement?: Placement;
+
+  /**
+   * mask color of popup
+   * @since 8
+   */
+  maskColor?: Color | string | Resource | number;
+
+  /**
+   * background color of popup
+   * @since 8
+   */
+  popupColor?: Color | string | Resource | number;
+
+  /**
+   * whether show arrow
+   * @since 8
+   */
+  enableArrow?: boolean;
+
+  /**
+   * whether hide popup when click mask
+   * @since 8
+   */
+  autoCancel?: boolean;
+
+  /**
+   * on State Change
+   * @since 8
+   */
+  onStateChange?: (event: { isVisible: boolean }) => 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;
+  /**
+   * 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;
+
+  /**
+   * Sets the response region of the current component.
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  responseRegion(value: Array<Rectangle> | Rectangle): 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;
 
+  /**
+   * Sets the touchable of the current component
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  touchable(value: boolean): T;
+
+  /**
+   * layout Weight
+   * @devices phone, tablet, car.
+   * @since 7
+   */
   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;
-
+  /**
+   * 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;
 
-  navigationTitle(value: string): T;
-
-  navigationSubTitle(value: string): T;
-
-  hideNavigationBar(value: boolean): T;
-
-  hideNavigationBackButton(value: boolean): T;
-
-  toolBar(value: object): T;
-
-  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;
 
-  onHover(event: (isHover?: boolean) => void): T;
-
+  /**
+   * Keyboard input
+   * @since 7
+   */
   onKeyEvent(event: (event?: KeyEvent) => void): T;
 
-  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;
 
-  hueRotate(value:{deg: string | 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;
 
+  /**
+   * This callback is triggered when the size or position of this component has changed.
+   * @param event event callback.
+   * @since 8
+   */
+  onAreaChange(event: (oldValue: Area, newValue: Area) => 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 | Resource, y?: number | string | Resource }): T;
-
-  markAnchor(value: { x?: number | string | Resource, y?: number | string | Resource }): T;
-
-  offset(value: { x?: number | string | Resource, y?: number | string | Resource }): 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 | Resource, offsetY?: number | Resource }): 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;
 
-  accessibilityGroup(value: boolean): T;
-
-  accessibilityText(value: string): T;
-
-  accessibilityDescription(value: string): T;
-
-  accessibilityImportance(value: string): T;
-
-  onAccessibility(callback: (event?: { eventType: number }) => void): T;
+  /**
+   * Key. User can set an key to the component to identify it.
+   * @since 8
+   */
+  key(value: string): T;
 
+  /**
+   * geometryTransition
+   * @since 7
+   */
   geometryTransition(id: string): T;
 
-  bindPopup(show: boolean, popup: {
-    message: string,
-    placementOnTop: boolean,
-    primaryButton: {
-      value: string;
-      action: () => void;
-    };
-    secondaryButton: {
-      value: string;
-      action: () => void;
-    };
-    onStateChange?: (callback: (event?: { isVisible: boolean }) => void) => void;
-  }): T;
+  /**
+   * Popup control
+   * @since 7
+   */
+  bindPopup(show: boolean, popup: PopupOption | CustomPopupOption): T;
+
+  /**
+   * Menu control
+   * @since 7
+   */
+  bindMenu(content: { value: string; action: () => void }[] | CustomBuilder): T;
+
+  /**
+   * Sets styles for component state.
+   * @since 8
+   */
+  stateStyles(value: StateStyels): T;
 }
 
+/**
+ * Defines the CustomBuilder Type.
+ * @since 7
+ */
+export declare type CustomBuilder = () => any;
+
+/**
+ * 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;
 
+  /**
+   * 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 9959aa096796762abd40e5a875aac8633fbe6430..b2ae935bbc374c1293ae6fa1fb848774d978cd60 100644
--- a/api/@internal/component/ets/counter.d.ts
+++ b/api/@internal/component/ets/counter.d.ts
@@ -13,21 +13,43 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
-
-export declare class CounterExtend<T> extends CounterAttribute<T> {
-}
+import { CommonMethod } from "./common";
 
+/**
+ * Counter component, which provides corresponding increment or decrement counting operations.
+ * @since 8
+ */
 interface Counter extends CounterAttribute<Counter> {
+  /**
+   * Return Counter.
+   * @since 8
+   */
   (): Counter;
 }
 
+/**
+ * Defines the Counter attribute functions.
+ * @since 8
+ */
 declare class CounterAttribute<T> extends CommonMethod<T> {
+  /**
+   * Listens to the value change event.
+   * @since 8
+   */
   onStateChange(event: () => void): T;
 
+  /**
+   * Listen to the event that the value increases.
+   * @since 8
+   */
   onInc(event: () => void): T;
 
+  /**
+   * 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 6fe37be319a7eccbd47a32f78ea0db2e5c375047..f0fcc03cf6b5caf63e242069699431553c1b574e 100644
--- a/api/@internal/component/ets/custom_dialog_controller.d.ts
+++ b/api/@internal/component/ets/custom_dialog_controller.d.ts
@@ -1,28 +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 { DialogAlignment } from "./alert_dialog";
-import {CommonMethod, Resource} from "./common";
-
-export declare class CustomDialogController {
-  constructor(value: {
-    builder: any, cancel?: () => void,
-    autoCancel?: boolean,
-    alignment?: DialogAlignment,
-    offset?: { dx: number | string | Resource, dy: number | string | Resource }
-  });
-  open();
-  close();
-}
+/*
+ * 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 { DialogAlignment } from "./alert_dialog";
+import { Offset } from "./units";
+
+/**
+ * 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 {
+  /**
+   * 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..9441404e3a894ec9be407a6a670bb4ee7ee5e6dc
--- /dev/null
+++ b/api/@internal/component/ets/data_panel.d.ts
@@ -0,0 +1,85 @@
+/*
+ * 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";
+
+/**
+ * DataPanelType enum
+ * @since 8
+ */
+export declare enum DataPanelType {
+  /**
+   * Line Type
+   * @since 8
+   */
+  Line,
+
+  /**
+   * Line Rainbow
+   * @since 8
+   */
+  Rainbow,
+}
+
+/**
+ * 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;
+
+  /**
+   * DataPanel Type
+   * @since 8
+   */
+  type?: DataPanelType;
+}
+
+/**
+ * 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 9e20789ecb25b13a3e035c9de5d784499c81296a..0000000000000000000000000000000000000000
--- a/api/@internal/component/ets/datapanel.d.ts
+++ /dev/null
@@ -1,29 +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";
-
-export declare class DataPanelExtend<T> extends DataPanelAttribute<T> {
-}
-
-interface DataPanel extends DataPanelAttribute<DataPanel> {
-  (options: {values: number[], max?: number}): DataPanel;
-}
-
-declare class DataPanelAttribute<T> extends CommonMethod<T> {
-  closeEffect(value: boolean): T;
-}
-
-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 c6c487ed4db13c8110dcc85f20e739acf345c9ab..f98c628e6cc88ebc936a2cbed353025fb0f7e732 100644
--- a/api/@internal/component/ets/divider.d.ts
+++ b/api/@internal/component/ets/divider.d.ts
@@ -13,23 +13,52 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, LineCapStyle, Resource} from "./common";
-
-export declare class DividerExtend<T> extends DividerAttribute<T> {
-}
+import { CommonMethod } from "./common";
+import { LineCapStyle } from "./enums";
+import { ResourceColor } from "./units";
 
+/**
+ * Provides a divider component to separate different content blocks/content elements.
+ * @since 7
+ */
 interface Divider extends DividerAttribute<Divider> {
+  /**
+   * Return Divider.
+   * @since 7
+   */
   (): 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): T;
+  /**
+   * Sets the color of the divider line.
+   * @since 7
+   */
+  color(value: ResourceColor): T;
 
+  /**
+   * Sets the width of the dividing line.
+   * @since 7
+   */
   strokeWidth(value: number | string): T;
 
+  /**
+   * 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 6ec158aeb7f2274b6126127f2ea7f6f8764e1370..a857dce25cd9c9b02b275008f0a5ee90fb3ccea6 100644
--- a/api/@internal/component/ets/ellipse.d.ts
+++ b/api/@internal/component/ets/ellipse.d.ts
@@ -13,17 +13,30 @@
  * limitations under the License.
  */
 
-import {CommonShapeMethod} from "./common";
-
-export declare class EllipseExtend<T> extends EllipseAttribute<T> {
-}
+import { CommonShapeMethod } from "./common";
 
+/**
+ * Ellipse drawing.
+ * @since 7
+ */
 interface Ellipse extends EllipseAttribute<Ellipse> {
-  new (value?: { width?: string | number, height?: string | number }): Ellipse;
-  (value?: { width?: string | number, height?: string | number }): Ellipse;
-}
+  /**
+   * use new function to set the value.
+   * @since 7
+   */
+  new (value?: { width?: string | number; height?: string | number }): Ellipse;
 
-declare class EllipseAttribute<T> extends CommonShapeMethod<T> {
+  /**
+   * 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..e9050ce5a9233f281dc24e549a8c7d630a0181ac
--- /dev/null
+++ b/api/@internal/component/ets/enums.d.ts
@@ -0,0 +1,1417 @@
+/*
+ * 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,
+}
+
+/**
+ * Sets the horizontal layout of elements.
+ * @since 8
+ */
+export declare enum FocusDirection {
+  /**
+   * From the key up.
+   * @since 8
+   */
+  Up,
+
+  /**
+   * From the key down.
+   * @since 8
+   */
+  Down,
+
+  /**
+   * From the key left.
+   * @since 8
+   */
+  Left,
+
+  /**
+   * From the key right.
+   * @since 8
+   */
+  Right,
+
+  /**
+   * From the key tab.
+   * @since 8
+   */
+  Tab,
+}
+
+/**
+ * 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 description.
+ * @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,
+}
+
+/**
+ * HoverEffect enumeration description
+ * @since 8
+ */
+export declare enum HoverEffect {
+  /**
+   * Default effect
+   * @since 8
+   */
+  Auto,
+
+  /**
+   * Zoom in and out effect
+   * @since 8
+   */
+  Scale,
+
+  /**
+   * Highlight effect
+   * @since 8
+   */
+  Board,
+
+  /**
+   * None effect
+   * @since 8
+   */
+  None,
+}
+
+/**
+ * Placement enumeration description
+ * @since 8
+ */
+export declare enum Placement {
+  /**
+   * Left placement
+   * @since 8
+   */
+  Left,
+
+  /**
+   * Right placement
+   * @since 8
+   */
+  Right,
+
+  /**
+   * Top placement
+   * @since 8
+   */
+  Top,
+
+  /**
+   * Bottom placement
+   * @since 8
+   */
+  Bottom,
+
+  /**
+   * TopLeft placement
+   * @since 8
+   */
+  TopLeft,
+
+  /**
+   * TopRight placement
+   * @since 8
+   */
+  TopRight,
+
+  /**
+   * BottomLeft placement
+   * @since 8
+   */
+  BottomLeft,
+
+  /**
+   * BottomRight placement
+   * @since 8
+   */
+  BottomRight,
+}
diff --git a/api/@internal/component/ets/flex.d.ts b/api/@internal/component/ets/flex.d.ts
index 2503bb40ebf75ee5fa076fd2917b3bd8aa2a5f82..2ec898013fd9df1f737aa40fbd2d6dd72f83ed23 100644
--- a/api/@internal/component/ets/flex.d.ts
+++ b/api/@internal/component/ets/flex.d.ts
@@ -13,19 +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";
 
-export declare class FlexExtend<T> extends FlexAttribute<T> {
+/**
+ * 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> {
-  (value?: {
-    direction?: FlexDirection, wrap?: FlexWrap, justifyContent?: FlexAlign,
-    alignItems?: ItemAlign, alignContent?: FlexAlign
-  }): Flex;
+  /**
+   * Defines the constructor of Flex.
+   * @since 7
+   */
+  (value?: FlexOption): Flex;
 }
 
-declare class FlexAttribute<T> extends CommonMethod<T> {
-}
+/**
+ * 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 004594f5b7b6370e93caa78fb1b155ac978f29aa..f8dd684198e6fbf6d494d81b5f5ed7c66225236e 100644
--- a/api/@internal/component/ets/form_component.d.ts
+++ b/api/@internal/component/ets/form_component.d.ts
@@ -13,38 +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
-}
 
-export declare class FormComponentExtend<T> extends FormComponentAttribute<T> {
+  /**
+   * 4 x 4 cards
+   * @since 7
+   * @systemapi
+   */
+  Dimension_4_4,
 }
 
+/**
+ * Defines the FormComponent.
+ * @since 7
+ * @systemapi
+ */
 interface FormComponent extends FormComponentAttribute<FormComponent> {
-  (value: {id: number, name: string, bundle: string, ability: string, module: string, dimension?: FormDimension}): FormComponent;
+  /**
+   * Set a new value.
+   * @since 7
+   * @systemapi
+   */
+  (value: {
+    id: number;
+    name: string;
+    bundle: string;
+    ability: string;
+    module: string;
+    dimension?: FormDimension;
+  }): FormComponent;
 }
 
+/**
+ * @since 7
+ * @systemapi
+ */
 declare class FormComponentAttribute<T> extends CommonMethod<T> {
-  size(value: {width: number, height: number}): T;
+  /**
+   * Sets the display area size of the card.
+   * @since 7
+   * @systemapi
+   */
+  size(value: { width: number; height: number }): T;
 
+  /**
+   * Card module name.
+   * @since 7
+   * @systemapi
+   */
   moduleName(value: string): T;
 
+  /**
+   * Set the card size.
+   * @since 7
+   * @systemapi
+   */
   dimension(value: FormDimension): T;
 
+  /**
+   * Indicates whether to allow card update.
+   * @since 7
+   * @systemapi
+   */
   allowUpdate(value: boolean): T;
 
+  /**
+   * Whether the card is visible.
+   * @since 7
+   * @systemapi
+   */
   visibility(value: Visibility): T;
 
-  onAcquired(callback: (info: {id: number}) => void): T;
+  /**
+   * 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): T;
+  /**
+   * Card loading error.
+   * @since 7
+   * @systemapi
+   */
+  onError(callback: (info: { errcode: number; msg: string }) => void): T;
 
+  /**
+   * 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
index 54a6bdd4aa72cf6e887ef6bf7afe32e43547d948..17f32b8e689583401cf7d84ce8fd33642ed21139 100644
--- a/api/@internal/component/ets/gauge.d.ts
+++ b/api/@internal/component/ets/gauge.d.ts
@@ -1,35 +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, Color} from "./common";
-
-export declare class GaugeExtend<T> extends GaugeAttribute<T> {
-}
-
-interface Gauge extends GaugeAttribute<Gauge> {
-  (options: {value: number, min?: number, max?: number}): Gauge;
-}
-
-declare class GaugeAttribute<T> extends CommonMethod<T> {
-  value(value: number): T;
-  startAngle(angle: number): T;
-  endAngle(angle: number): T;
-  colors(colors: Array<any>): T;
-  strokeWidth(length: number): T;
-  labelTextConfig(markedLabelText: string): T;
-  labelColorConfig(markedLabelColor: Color): T;
-}
-
-export declare const GaugeInterface: Gauge;
\ 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";
+import { Color } from "./enums";
+
+/**
+ * Defines the Gauge 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/gesture.d.ts b/api/@internal/component/ets/gesture.d.ts
index 4527d5200193c88416b5b7eab1af38a5c56776b7..3860c27025365a0392d1510381d21b5ac0cbf9c0 100644
--- a/api/@internal/component/ets/gesture.d.ts
+++ b/api/@internal/component/ets/gesture.d.ts
@@ -13,125 +13,541 @@
  * limitations under the License.
  */
 
+import { BaseEvent } from "./common";
+
+/**
+ * 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 8
+ */
+export declare enum SwipeDirection {
+  /**
+   * Default.
+   * @since 8
+   */
+  None,
+
+  /**
+   * Sliding horizontally.
+   * @since 8
+   */
+  Horizontal,
+
+  /**
+   * Sliding Vertical
+   * @since 8
+   */
+  Vertical,
+
+  /**
+   * Sliding in all directions.
+   * @since 8
+   */
+  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,
 }
 
+/**
+ * Type of the finger information.
+ * @since 8
+ */
+export interface FingerInfo {
+  /**
+   * Finger unique identifier.
+   * @since 8
+   */
+  id: number;
+
+  /**
+   * X coordinate of the touch point relative to the left edge of the device screen.
+   * @since 8
+   */
+  globalX: number;
+
+  /**
+   * The Y coordinate of the touch point relative to the upper edge of the device screen.
+   * @since 8
+   */
+  globalY: number;
+
+  /**
+   * X coordinate of the touch point relative to the left edge of the touched element.
+   * @since 8
+   */
+  localX: number;
+
+  /**
+   * Y coordinate of the touch point relative to the upper edge of the touched element.
+   * @since 8
+   */
+  localY: number;
+}
+
+/**
+ * Defines the Gesture Type.
+ * @since 7
+ */
 export declare type GestureType =
-  TapGesture
-  | LongPressGesture
-  | PanGesture
-  | PinchGesture
-  | RotationGesture
-  | GestureGroup
-
-export interface GestureEvent {
+  TapGesture | LongPressGesture | PanGesture | PinchGesture
+  | SwipeGesture | RotationGesture | GestureGroup;
+
+/**
+ * Defines the GestureEvent type.
+ * @since 7
+ */
+export declare type GestureEvent =
+ TapGestureEvent | LongPressGestureEvent | PanGestureEvent
+ | SwipeGestureEvent | PinchGestureEvent | RotationGestureEvent;
+
+/**
+ * tap gesture event used in the longpress scenario.
+ * @since 8
+ */
+export interface TapGestureEvent extends BaseGestureEvent {
+  /**
+   * All finger information.
+   * @since 8
+   */
+  fingerList: FingerInfo[];
+}
+
+/**
+ * long press gesture event used in the longpress scenario.
+ * @since 7
+ */
+export interface LongPressGestureEvent extends BaseGestureEvent {
+  /**
+   * Indicates whether an event is triggered repeatedly.
+   * @since 7
+   */
   repeat: boolean;
+
+  /**
+   * All finger information.
+   * @since 8
+   */
+  fingerList: FingerInfo[];
+}
+
+/**
+ * pan gesture event used in the pan gesture triggering scenario.
+ */
+export interface PanGestureEvent extends BaseGestureEvent {
+  /**
+   * Gesture event offset X.
+   * @since 7
+   */
   offsetX: number;
+
+  /**
+   * Gesture event offset Y.
+   * @since 7
+   */
   offsetY: number;
-  scale: number;
+}
+
+/**
+ * slide gesture event used in the slide gesture triggering scenario.
+ */
+export interface SwipeGestureEvent extends BaseGestureEvent {
+  /**
+   * Gesture event direction angle.
+   * @since 8
+   */
   angle: number;
-  timestamp: number;
-  globalX: number;
-  globalY: number;
-  localX: number;
-  localY: number;
+  /**
+   * Gesture event slide speed.
+   * @since 8
+   */
+  speed: number;
+}
+
+/**
+ * pinch gesture event used for triggering the pinch gesture.
+ * @since 7
+ */
+export interface PinchGestureEvent extends BaseGestureEvent {
+  /**
+   * Scaling ratio.
+   * @since 7
+   */
+  scale: 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 BaseGestureEvent {
+  /**
+   * Rotation angle.
+   * @since 7
+   */
+  angle: number;
+}
+
+/**
+ * base event for gesture.
+ * @since 7
+ */
+export interface BaseGestureEvent extends BaseEvent {}
+
+/**
+ * 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 8
+ */
+interface SwipeGesture {
+  /**
+   * Set the value.
+   * @since 8
+   */
+  (value?: { fingers?: number; direction?: SwipeDirection; speed?: number })
+  : SwipeGesture;
+
+  /**
+   * Slide gesture recognition success callback.
+   * @since 8
+   */
+  onAction(event: (event?: SwipeGestureEvent) => void): SwipeGesture;
+}
+
+/**
+ * @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;
 }
 
 export declare const TapGestureInterface: TapGesture;
 export declare const LongPressGestureInterface: LongPressGesture;
 export declare const PanGestureInterface: PanGesture;
+export declare const SwipeGestureInterface: SwipeGesture;
 export declare const PinchGestureInterface: PinchGesture;
 export declare const RotationGestureInterface: RotationGesture;
 export declare const GestureGroupInterface: GestureGroup;
diff --git a/api/@internal/component/ets/grid.d.ts b/api/@internal/component/ets/grid.d.ts
index c2468c6da6d6406806f83d2bfe3826296652a5e5..227084a5abeb304d5dea7ebd9fd9963a62a44913 100644
--- a/api/@internal/component/ets/grid.d.ts
+++ b/api/@internal/component/ets/grid.d.ts
@@ -13,34 +13,80 @@
  * limitations under the License.
  */
 
-import {CommonMethod, BarState, Color, Resource} from "./common";
-import {Scroller} from "./scroll";
-
-export declare class GridExtend<T> extends GridAttribute<T> {
-}
+import { CommonMethod } from "./common";
+import { BarState, Color } from "./enums";
+import { Scroller } from "./scroll";
+import { Length } from "./units";
 
+/**
+ * @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;
 
+  /**
+   * Lets you set the number of rows in the current grid layout,
+   * @since 7
+   */
   rowsTemplate(value: string): T;
 
-  columnsGap(value: number | string | Resource): T;
+  /**
+   * Allows you to set the spacing between columns.
+   * @since 7
+   */
+  columnsGap(value: Length): T;
 
-  rowsGap(value: number | string | Resource): T;
+  /**
+   * Lets you set the spacing between rows.
+   * @since 7
+   */
+  rowsGap(value: Length): T;
 
+  /**
+   * This parameter specifies the width of the scroll bar.
+   * @since 7
+   */
   scrollBarWidth(value: number | string): T;
 
+  /**
+   * Sets the color of the scroll bar.
+   * @since 7
+   */
   scrollBarColor(value: Color | number | string): T;
 
+  /**
+   * Lets you set the spacing between rows.
+   * @since 7
+   */
   scrollBar(value: BarState): T;
 
+  /**
+   * Sets the status of the scroll bar.
+   * @since 7
+   */
   onScrollIndex(event: (first: number) => void): T;
 
+  /**
+   * 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 d55401a25d591ef53936a99326c79b20c4590af0..341fe7d9db93fcca73ad90643383646b5fd42e57 100644
--- a/api/@internal/component/ets/gridItem.d.ts
+++ b/api/@internal/component/ets/gridItem.d.ts
@@ -1,37 +1,66 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {CommonMethod} from "./common";
-
-export declare class GridItemExtend<T> extends GridItemAttribute<T> {
-}
-
-interface GridItem extends GridItemAttribute<GridItem> {
-  (): GridItem;
-}
-
-declare class GridItemAttribute<T> extends CommonMethod<T> {
-  rowStart(value: number): T;
-
-  rowEnd(value: number): T;
-
-  columnStart(value: number): T;
-
-  columnEnd(value: number): T;
-
-  forceRebuild(value: boolean): T;
-}
-
-export declare const GridItemInterface: GridItem;
+/*
+ * 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";
+
+/**
+ * Mesh container for static fixed-size layout scenarios.
+ * @since 7
+ */
+interface GridItem extends GridItemAttribute<GridItem> {
+  /**
+   * Return to get GridItem.
+   * @since 7
+   */
+  (): 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;
+
+  /**
+   * Specifies the end line number of the current element.
+   * @since 7
+   */
+  rowEnd(value: number): T;
+
+  /**
+   * This parameter specifies the start column number of the current element.
+   * @since 7
+   */
+  columnStart(value: number): T;
+
+  /**
+   * This parameter specifies the end column number of the current element.
+   * @since 7
+   */
+  columnEnd(value: number): T;
+
+  /**
+   * 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 f6e353f697723a7264fc5a8b25c12e6ae0e93bb0..dd3642795f04474af861265fdbe7b891c6dd8d3e 100644
--- a/api/@internal/component/ets/grid_container.d.ts
+++ b/api/@internal/component/ets/grid_container.d.ts
@@ -13,31 +13,91 @@
  * limitations under the License.
  */
 
-import {ColumnAttribute} 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,
 }
 
-export declare class GridContainerExtend<T> extends GridContainerAttribute<T> {
+/**
+ * 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;
 }
 
+/**
+ * Defines the GridContainer component.
+ * @since 7
+ */
 interface GridContainer extends GridContainerAttribute<GridContainer> {
-  (
-    value?: {
-      columns?: number | 'auto',
-      sizeType?: SizeType,
-      gutter?: number | string,
-      margin?: number | string
-    }
-  ): GridContainer;
+  /**
+   * Defines the constructor of GridContainer.
+   * @since 7
+   */
+  (value?: GridContainerOption): GridContainer;
 }
 
-declare class GridContainerAttribute<T> extends ColumnAttribute<T> {
-}
+/**
+ * Defines the grid container attribute from inheritance Column
+ * @since 7
+ */
+declare class GridContainerAttribute<T> extends ColumnAttribute<T> {}
 
-export declare const GridContainerInterface: GridContainer;
\ No newline at end of file
+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
index fd536cea7ab1884d7ace766690476d62528174d9..91ff267ab401ef05f9e3c2d913ea45ce753855c2 100644
--- a/api/@internal/component/ets/hyperlink.d.ts
+++ b/api/@internal/component/ets/hyperlink.d.ts
@@ -13,17 +13,33 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, Resource} from "./common";
-
-export declare class HyperlinkExtend<T> extends HyperlinkAttribute<T> {
-}
+import { CommonMethod } from "./common";
+import { Resource, ResourceColor } from "./units";
 
+/**
+ * @since 7
+ */
 interface Hyperlink extends HyperlinkAttribute<Hyperlink> {
+  /**
+   * Return to get Hyperlink.
+   * address: 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> {
-  color(value: Color | number | string | Resource): 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 ff095b7c90104108e6b8876ecf4d6ab1cad7cbfa..7227bae2c4964fe4fdc1315ca6cf13c73d8b5797 100644
--- a/api/@internal/component/ets/image.d.ts
+++ b/api/@internal/component/ets/image.d.ts
@@ -13,53 +13,174 @@
  * 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 usage of interpolated image data.
+   * @since 7
+   */
   Low,
+
+  /**
+   * Interpolated image data is used moderately.
+   * @since 7
+   */
   Medium,
-  High
-}
 
-export declare class ImageExtend<T> extends ImageAttribute<T> {
+  /**
+   * High usage of interpolated image data may affect the speed of image rendering.
+   * @since 7
+   */
+  High,
 }
 
+/**
+ * @since 7
+ */
+export declare class ImageExtend<T> extends ImageAttribute<T> {}
+
+/**
+ * @since 7
+ */
 interface Image extends ImageAttribute<Image> {
+  /**
+   * Set src to obtain images.
+   * @since 7
+   */
   (src: string | PixelMap | Resource): 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;
 
-  fillColor(value: Color | number | string | Resource): 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;
 
-  sourceSize(value: { width: number, height: number }): T;
-
-  onComplete(callback: (event?: { width: number, height: number, componentWidth: number, componentHeight: number, loadingStatus: number }) => void): T;
-
-  onError(callback: (event?: { componentWidth: number, componentHeight: number }) => void): 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;
+
+  /**
+   * Sets the synchronous or asynchronous mode for image loading.
+   * The default parameter type is bool, and the default value is false.
+   * @since 8
+   */
+  syncLoad(value: boolean): 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 a219ccb2b5998aed56bc5e45315e8615b98329b1..90db5527307aeec6676866ca04c536d630703194 100644
--- a/api/@internal/component/ets/image_animator.d.ts
+++ b/api/@internal/component/ets/image_animator.d.ts
@@ -13,44 +13,112 @@
  * limitations under the License.
  */
 
-import {CommonMethod, AnimationStatus} from "./common";
-
-export declare class ImageAnimatorExtend<T> extends ImageAnimatorAttribute<T> {
-}
+import { CommonMethod } from "./common";
+import { AnimationStatus } from "./enums";
 
+/**
+ * @since 7
+ */
 interface ImageAnimator extends ImageAnimatorAttribute<ImageAnimator> {
+  /**
+   * ImageAimator is returned.
+   * @since 7
+   */
   (): ImageAnimator;
 }
 
+/**
+ * inheritance CommonMethod
+ * @since 7
+ */
 declare class ImageAnimatorAttribute<T> extends CommonMethod<T> {
-  images(value: Array<{
-    src: string, width?: number | string, height?: number | string, top?: number | string, left?:
-      number | string, duration?: number
-  }>): 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 d9d19e5d4e4247c7ac5bc9a8fdb582528faa1e4e..e15f82249f23761ed89ce6eb8c5a082ddd1604ab 100644
--- a/api/@internal/component/ets/index.d.ts
+++ b/api/@internal/component/ets/index.d.ts
@@ -13,73 +13,78 @@
  * limitations under the License.
  */
 
-export * from './ability_component';
-export * from './action_sheet';
-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 './camera';
-export * from './circle';
-export * from './column';
-export * from './column_split';
-export * from './common';
-export * from './counter';
-export * from './custom_dialog_controller';
-export * from './datePicker';
-export * from './divider';
-export * from './ellipse';
-export * from './flex';
-export * from './forEach';
-export * from './form_component';
-export * from './gauge';
-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 './line';
-export * from './list';
-export * from './listItem';
-export * from './loadingProgress';
-export * from './marquee';
-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 './textarea';
-export * from './textinput';
-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 './hyperlink';
-export * from './menu';
-export * from './option';
+export * from "./action_sheet";
+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 "./canvas";
+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 "./gesture";
+export * from "./grid";
+export * from "./gridItem";
+export * from "./grid_container";
+export * from "./image";
+export * from "./image_animator";
+export * from "./inspector";
+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 "./scroll_bar";
+export * from "./search";
+export * from "./shape";
+export * from "./sheet";
+export * from "./slider";
+export * from "./span";
+export * from "./stack";
+export * from "./stateManagement";
+export * from "./stepper";
+export * from "./stepperItem";
+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 "./xcomponent";
diff --git a/api/@internal/component/ets/inspector.d.ts b/api/@internal/component/ets/inspector.d.ts
index c8a9d5b23651aa0523d1096144dad42ca3b374ac..cce44ea6bf5f886353ff1f7a1b3b7f7198a650c3 100644
--- a/api/@internal/component/ets/inspector.d.ts
+++ b/api/@internal/component/ets/inspector.d.ts
@@ -1,11 +1,49 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 /**
  * Get inspector node infos.
- * @test
+ * @since 7
+ * @systemapi
  */
-declare function getInspectorNodes(): object;
+export declare function getInspectorNodes(): object;
 
 /**
  * Get inspector node info by node id.
- * @test
+ * @since 7
+ * @systemapi
+ */
+export declare function getInspectorNodeById(id: number): object;
+
+/**
+ * Get inspector info by key.
+ * @since 8
+ * @systemapi
+ */
+export declare function getInspectorByKey(key: string): string;
+
+/**
+ * Get inspector tree.
+ * @systemapi
+ * @since 8
+ */
+export declare function getInspectorTree(): string;
+
+/**
+ * Send event to inspector by key. Return false if no inspector with key is found.
+ * @since 8
+ * @systemapi
  */
-declare function getInspectorNodeById(id: number): object;
\ No newline at end of file
+export declare function sendEventByKey(key: string, action: number, params: string): boolean;
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
index c31bce273a85ede721d82471538eecf2a39dd7f2..fc6ce2872ab95877495e981435f3d11274c30117 100644
--- a/api/@internal/component/ets/line.d.ts
+++ b/api/@internal/component/ets/line.d.ts
@@ -1,31 +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.
- */
-
-import {CommonShapeMethod} from "./common";
-
-export declare class LineExtend<T> extends LineAttribute<T> {
-}
-
-interface Line extends LineAttribute<Line> {
-  (): Line;
-  (value?: { width?: string | number, height?: string | number }) :Line;
-}
-
-declare class LineAttribute<T> extends CommonShapeMethod<T> {
-  startPoint(value: Array<any>): T;
-  endPoint(value: Array<any>): T;
-}
-
-export declare const LineInterface: Line;
\ 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 { CommonShapeMethod } from "./common";
+
+/**
+ * Line drawing component.
+ * @since 7
+ */
+interface Line extends LineAttribute<Line> {
+  /**
+   * Uses new to create the line.
+   * width: Width of the rectangle where the line resides..
+   * height: Height of the rectangle where the line resides.
+   * @since 7
+   */
+  new (value?: { width?: string | number; height?: string | number }): 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 e06e424a8f43b654e75c07e5f3f85ed3b41d1670..4f6efa8124464edcb55e249866c3225f54b78d34 100644
--- a/api/@internal/component/ets/list.d.ts
+++ b/api/@internal/component/ets/list.d.ts
@@ -13,53 +13,200 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Axis, Color, Resource, BarState, EdgeEffect} from "./common";
-import {Scroller} from "./scroll";
-
+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,
+
+  /**
+   * Scrolling status.
+   * @since 7
+   */
   Scroll,
-  Fling
+
+  /**
+   * Drag status.
+   * @since 7
+   */
+  Fling,
 }
 
-export declare class ListExtend<T> extends ListAttribute<T> {
+/**
+ * ItemDragInfo object description
+ * @since 8
+ */
+export interface ItemDragInfo {
+  /**
+   * Obtains the X coordinate of the drag window, in vp.
+   * @since 8
+   */
+  x: number;
+
+  /**
+   * Obtains the Y coordinate of the drag window, in vp.
+   * @since 8
+   */
+  y: number;
 }
 
+/**
+ * ListExtend extension declaration.
+ * @since 7
+ */
+export declare class ListExtend<T> extends ListAttribute<T> {}
+
+/**
+ * The list interface is extended.
+ * @since 7
+ */
 interface List extends ListAttribute<List> {
-  (value?: { initialIndex?: number, space?: number | string, scroller?: Scroller }): List;
+  /**
+   * Called when interface data is called.
+   * @since 7
+   */
+  (value?: { initialIndex?: number; space?: number | string; scroller?: Scroller }): 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;
 
-  divider(value: {
-    strokeWidth: number | string | Resource, color?: Color | number | string | Resource,
-    startMargin?: number | string | Resource, endMargin?: number | string | Resource
-  } | null): 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.
+   * @since 8
+   */
   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;
+
+  /**
+   * 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 8
+   */
+  onItemDragStart(event: (event: ItemDragInfo, itemIndex: number) => ((() => any) | void)): T;
+
+  /**
+   * After binding, a callback is triggered when the component is dragged to the range of the component.
+   * @since 8
+   */
+  onItemDragEnter(event: (event: ItemDragInfo) => void): T;
+
+  /**
+   * After binding, a callback is triggered when the drag moves within the range of a placeable component.
+   * @since 8
+   */
+  onItemDragMove(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number) => void): T;
+
+  /**
+   * After binding, a callback is triggered when the component is dragged out of the component range.
+   * @since 8
+   */
+  onItemDragLeave(event: (event: ItemDragInfo, itemIndex: number) => 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 8
+   */
+  onItemDrop(event: (event: ItemDragInfo, itemIndex: number, insertIndex: number, isSuccess: boolean) => void): 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 aa9ead44d79cfdabf07f6ebc94adecdfb0021125..fd5ce80977ecc1ccbca9eaf710595ff60ac19038 100644
--- a/api/@internal/component/ets/listItem.d.ts
+++ b/api/@internal/component/ets/listItem.d.ts
@@ -13,31 +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,
 }
 
+/**
+ * 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,
 }
 
-export declare class ListItemExtend<T> extends ListItemAttribute<T> {
-}
+/**
+ * @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;
 }
 
+/**
+ * @since 7
+ */
 declare class ListItemAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when setting whether item is ceiling effect.
+   * @since 7
+   */
   sticky(value: Sticky): T;
 
+  /**
+   * 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/loadingProgress.d.ts b/api/@internal/component/ets/loading_progress.d.ts
similarity index 55%
rename from api/@internal/component/ets/loadingProgress.d.ts
rename to api/@internal/component/ets/loading_progress.d.ts
index a949feae207381c9e522e1ca74e2c7b8d920ec0f..da055d54851c575b4cdfe2fdd226e4745ab1c8af 100644
--- a/api/@internal/component/ets/loadingProgress.d.ts
+++ b/api/@internal/component/ets/loading_progress.d.ts
@@ -13,23 +13,64 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, Resource} from "./common";
+import { CommonMethod } from "./common";
+import { ResourceColor } from "./units";
 
-export declare enum LoadingProgressStyle{
+/**
+ * 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,
 }
 
-export declare class LoadingProgressExtend<T> extends LoadingProgressAttribute<T> {
-}
+/**
+ * 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> {
-  color(value: Color | Resource): 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
index 7b02294ad68ff852fd8404e8d775cbf9d15ebd0c..607574643b88f86365f216afb3a28a632d173500 100644
--- a/api/@internal/component/ets/marquee.d.ts
+++ b/api/@internal/component/ets/marquee.d.ts
@@ -1,31 +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";
-
-export declare class MarqueeExtend<T> extends MarqueeAttribute<T> {
-}
-
-interface Marquee extends MarqueeAttribute<Marquee> {
-  (value?: {start: boolean, step?: number, loop?: number, fromStart?: boolean, src?: string}): Marquee;
-}
-
-declare class MarqueeAttribute<T> extends CommonMethod<T> {
-  onStart(event: () => void): T;
-  onBounce(event: () => void): T;
-  onFinish(event: () => void): T;
-}
-
-export declare const MarqueeInterface: Marquee;
\ 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";
+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/@internal/component/ets/matrix2d.d.ts b/api/@internal/component/ets/matrix2d.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..fd85c45f284acd1dd9d07b39e8951fa8659c4ad2
--- /dev/null
+++ b/api/@internal/component/ets/matrix2d.d.ts
@@ -0,0 +1,108 @@
+/*
+ * 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.
+ */
+
+/**
+ * 2D transformation matrix, supporting rotation, translation, and scaling of the X-axis and Y-axis
+ * @since 8
+ */
+export declare class Matrix2D {
+  /**
+   * Horizontal Zoom
+   * @since 8
+   */
+  scaleX?: number;
+
+  /**
+   * Vertical Tilt
+   * @since 8
+   */
+  rotateY?: number;
+
+  /**
+   * Horizontal Tilt
+   * @since 8
+   */
+  rotateX?: number;
+
+  /**
+   * Vertical Zoom
+   * @since 8
+   */
+  scaleY?: number;
+
+  /**
+   * Horizontal movement
+   * @since 8
+   */
+  translateX?: number;
+
+  /**
+   * Vertical movement
+   * @since 8
+   */
+  translateY?: number;
+
+  /**
+   * Transforms the current 2D matrix back to the identity matrix (i.e., without any rotational
+   * translation scaling effect)
+   * @since 8
+   */
+  identity(): Matrix2D;
+
+  /**
+   * Transform the current 2D matrix into an inverse matrix (that is, the transformation effect
+   * is the opposite effect of the original)
+   * @since 8
+   */
+  invert(): Matrix2D;
+
+  /**
+   * The matrix is superimposed in right multiplication mode. When the input parameter is empty,
+   * the matrix is superimposed.
+   * @param other Matrix to be superimposed
+   * @since 8
+   */
+  multiply(other?: Matrix2D): Matrix2D;
+
+  /**
+   * Adds the rotation effect of the X and Y axes to the current matrix.
+   * @param rx Rotation effect of the X axis
+   * @param ry Rotation effect of the Y-axis
+   * @since 8
+   */
+  rotate(rx?: number, ry?: number): Matrix2D;
+
+  /**
+   * Adds the translation effect of the X and Y axes to the current matrix.
+   * @param tx X-axis translation effect
+   * @param ty Y-axis translation effect
+   * @since 8
+   */
+  translate(tx?: number, ty?: number): Matrix2D;
+
+  /**
+   * Adds the scaling effect of the X and Y axes to the current matrix.
+   * @param sx X-axis scaling effect
+   * @param sy Y-axis scaling effect
+   * @since 8
+   */
+  scale(sx?: number, sy?: number): Matrix2D;
+
+  /**
+   * Constructs a 2D change matrix object. The default value is the unit matrix.
+   * @since 8
+   */
+  constructor();
+}
diff --git a/api/@internal/component/ets/navigation.d.ts b/api/@internal/component/ets/navigation.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..254cb4e132c90141b85ce26c2a79e105e0b23b17
--- /dev/null
+++ b/api/@internal/component/ets/navigation.d.ts
@@ -0,0 +1,133 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { CustomBuilder, CommonMethod } from "./common";
+
+/**
+ * Naivagtion title mode.
+ * @since 8
+ */
+export declare enum NavigationTitleMode {
+  /**
+   * The title is free mode.
+   * @since 8
+   */
+  Free = 0,
+
+  /**
+   * The title is full mode.
+   * @since 8
+   */
+  Full,
+
+  /**
+   * The title is mini mode.
+   * @since 8
+   */
+  Mini,
+}
+
+export declare interface NavigationMenuItem {
+  /**
+   * The value of navigation menu item.
+   * @since 8
+   */
+  value: string;
+  /**
+   * The icon of navigation menu item.
+   * @since 8
+   */
+  icon?: string;
+  /**
+   * Trigger by navigation menu item click.
+   * @since 8
+   */
+  action?: () => void;
+}
+
+/**
+ * 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> {
+  /**
+   * Navigation title
+   * @since 8
+   */
+  title(value: string | CustomBuilder): T;
+
+  /**
+   * Navigation subtitle
+   * @since 8
+   */
+  subTitle(value: string): T;
+
+  /**
+   * Hide navigation bar
+   * @since 8
+   */
+  hideTitleBar(value: boolean): T;
+
+  /**
+   * Hide navigation back button
+   * @since 8
+   */
+  hideBackButton(value: boolean): T;
+
+  /**
+   * Navigation title mode
+   * @since 8
+   */
+  titleMode(value: NavigationTitleMode): T;
+
+  /**
+   * Navigation title bar's menus
+   * @since 8
+   */
+  menus(value: Array<NavigationMenuItem> | CustomBuilder) : T;
+
+  /**
+   * Tool bar
+   * @since 8
+   */
+  toolBar(value: object | CustomBuilder): T;
+
+  /**
+   * Hide tool bar
+   * @since 8
+   */
+  hideToolBar(value: boolean): T;
+
+  /**
+   * Trigger a titleModeChanged event when title mode changed at free mode.
+   * @since 8
+   */
+  onTitleModeChanged(callback: (titleMode: NavigationTitleMode) => void): 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 89eef4eabc91b0d2dbf7f012cc57fe63ed23ebc6..b0339341ad00c0cb0ad6b6ce02c729b9423c7108 100644
--- a/api/@internal/component/ets/navigator.d.ts
+++ b/api/@internal/component/ets/navigator.d.ts
@@ -13,31 +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
-}
 
-export declare class NavigatorExtend<T> extends NavigatorAttribute<T> {
+  /**
+   * Replace page.
+   * @since 7
+   */
+  Replace,
 }
 
+/**
+ * Create route
+ * @since 7
+ */
 interface Navigator extends NavigatorAttribute<Navigator> {
-  (value?: { target: string, type?: NavigationType }): Navigator;
+  /**
+   * Called when the route jumps.
+   * @since 7
+   */
+  (value?: { target: string; type?: NavigationType }): Navigator;
 
+  /**
+   * Called when using the navigator.
+   * @since 7
+   */
   (): 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;
 
+  /**
+   * Called when determining whether the routing component is active.
+   * @since 7
+   */
   type(value: NavigationType): T;
 
+  /**
+   * Called when the path to the specified jump target page is set.
+   * @since 7
+   */
   target(value: string): T;
 
+  /**
+   * 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 bc8fc0f9e74cdde931e8a90c849165f857559325..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;
 }
 
+/**
+ * Provides an interface for page rotation mode.
+ * @since 7
+ */
 interface PageTransitionEnter extends CommonTransition<PageTransitionEnter> {
-  (value: { type?: RouteType, duration?: number, curve?: Curve | string, delay?: number }): 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;
 }
 
+/**
+ * Provide an interface to exit the transition.
+ * @since 7
+ */
 interface PageTransitionExit extends CommonTransition<PageTransitionExit> {
-  (value: { type?: RouteType, duration?: number, curve?: Curve | string, delay?: number }): 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 28cad065bc9b20f63fdecc10871446f4d0b285be..7ae3fd2b621f8067d5e3da1b3bc848f121a075dd 100644
--- a/api/@internal/component/ets/panel.d.ts
+++ b/api/@internal/component/ets/panel.d.ts
@@ -13,43 +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
-}
 
-export declare class PanelExtend<T> extends PanelAttribute<T> {
+  /**
+   * Temporary content display area.
+   * The switchover effect is provided in three sizes: large (full-screen), medium (half-screen), and small.
+   * @since 7
+   */
+  Temporary,
 }
 
+/**
+ * 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;
 
+  /**
+   * Called when determining whether dragbar exists.
+   * @since 7
+   */
   dragBar(value: boolean): T;
 
+  /**
+   * Called when the height in the full state is specified.
+   * @since 7
+   */
   fullHeight(value: number | string): T;
 
+  /**
+   * Called when the height in the half state is specified.
+   * @since 7
+   */
   halfHeight(value: number | string): T;
 
+  /**
+   * Called when the height in the mini state is specified.
+   * @since 7
+   */
   miniHeight(value: number | string): T;
 
+  /**
+   * Called when the panel slidable panel pops up.
+   * @since 7
+   */
   show(value: boolean): T;
 
-  onChange(event: (width: number, height: number, mode: PanelMode) => void): T;
+  /**
+   * Called when the state of the slidable panel changes.
+   * @since 7
+   */
+  onChange(
+    event: (
+      /**
+       * Width of content area.
+       * @since 7
+       */
+      width: number,
+
+      /**
+       * Height of content area.
+       * @since 7
+       */
+      height: number,
+
+      /**
+       * 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 33c4a2cf73fb755fb465d8d608552231860c4791..7430d9d4e80436a7153b3a15134cb2c7a9e194f8 100644
--- a/api/@internal/component/ets/path.d.ts
+++ b/api/@internal/component/ets/path.d.ts
@@ -13,18 +13,36 @@
  * limitations under the License.
  */
 
-import {CommonShapeMethod} from "./common";
-
-export declare class PathExtend<T> extends PathAttribute<T> {
-}
+import { CommonShapeMethod } from "./common";
 
+/**
+ * Provides the path drawing interface.
+ * @since 7
+ */
 interface Path extends PathAttribute<Path> {
-  new (value?: { width?: number | string, height?: number | string, commands?: string }): Path;
-  (value?: { width?: number | string, height?: number | string, commands?: string }): Path;
+  /**
+   * Use new to create Path.
+   * @since 7
+   */
+  new (value?: { width?: number | string; height?: number | string; commands?: string }): Path;
+
+  /**
+   * Called when drawing path.
+   * @since 7
+   */
+  (value?: { width?: number | string; height?: number | string; commands?: 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 6ca273747bf1ca44cf3fde9184be4a8e95e9e738..d0b3a25c2bfd720cafe3f2ed59d8fbe34d6e1953 100644
--- a/api/@internal/component/ets/piece.d.ts
+++ b/api/@internal/component/ets/piece.d.ts
@@ -1,34 +1,99 @@
 /*
-  * 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";
+import { FontStyle, FontWeight } from "./enums";
+import { Length, ResourceColor, ResourceStr } from "./units";
 
+/**
+ * Sets the relative position of icons and text.
+ * @since 8
+ */
 export declare enum IconPosition {
+  /**
+   * The icon is at the beginning of the text.
+   * @since 8
+   */
   Start,
-  End
-}
 
-export declare class PieceExtend<T> extends PieceAttribute<T> {
+  /**
+   * The icon is at the end of the text.
+   * @since 8
+   */
+  End,
 }
 
+/**
+ * Provides text and icons for setting block entries.
+ * @since 8
+ */
 interface Piece extends PieceAttribute<Piece> {
-  (options?: {content: string, icon?: string}): Piece;
+  /**
+   * Called when setting the position of a block entry.
+   * @since 8
+   */
+  (options?: { content: string; icon?: string }): Piece;
 }
 
+/**
+ * @since 8
+ */
 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;
+  /**
+   * Called when the value of Piece fontColor is set
+   * @since 8
+   */
+  fontColor(value: ResourceColor): T;
+  /**
+   * Called when the value of Piece fontSize is set
+   * @since 8
+   */
+  fontSize(value: Length): T;
+  /**
+   * Called when the value of Piece fontStyle is set
+   * @since 8
+   */
+  fontStyle(value: FontStyle): T;
+  /**
+   * Called when the value of Piece fontWeight is set
+   * @since 8
+   */
+  fontWeight(value: number | FontWeight | string): T;
+  /**
+   * Called when the value of Piece fontFamily is set
+   * @since 8
+   */
+  fontFamily(value: ResourceStr): T;
+  /**
+   * Called when the value of Piece showDelete is set
+   * @since 8
+   */
+  showDelete(value: boolean): T;
+  /**
+   * Default icon is invisible,
+   * Callback onClose function when icon is clicked
+   * @since 8
+   */
+  onClose(callback: () => void): 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 208f8c3b0710d267b7cf0a3b4f40066a1e2f2d76..f2224ffff765599be1e4b9383fca3774e618c651 100644
--- a/api/@internal/component/ets/polygon.d.ts
+++ b/api/@internal/component/ets/polygon.d.ts
@@ -1,30 +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 {CommonShapeMethod} from "./common";
-
-export declare class PolygonExtend<T> extends PolygonAttribute<T> {
-}
-
-interface Polygon extends PolygonAttribute<Polygon> {
-    (): Polygon;
-    (value?: { width?: string | number, height?: string | number }): Polygon;
-}
-
-declare class PolygonAttribute<T> extends CommonShapeMethod<T> {
-    points(value: Array<any>): T;
-}
-
-export declare const PolygonInterface: Polygon;
\ 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 { CommonShapeMethod } from "./common";
+
+/**
+ * Provides the polygon drawing interface.
+ * @since 7
+ */
+interface Polygon extends PolygonAttribute<Polygon> {
+  /**
+   * Uses new to create Polygon.
+   * @since 7
+   */
+  new (value?: { width?: string | number; height?: string | number }): Polygon;
+
+  /**
+   * Called when drawing a polygon.
+   * @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.
+   * @since 7
+   */
+  points(value: Array<any>): T;
+}
+
+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 774ea51443de26732910d46f29c32a79e1e774bf..c17ac6da004c54959d5ffa693f84dd6a26b670cb 100644
--- a/api/@internal/component/ets/polyline.d.ts
+++ b/api/@internal/component/ets/polyline.d.ts
@@ -1,30 +1,48 @@
-/*
-  * Copyright (c) 2021 Huawei Device Co., Ltd.
-  * Licensed under the Apache License, Version 2.0 (the "License");
-  * you may not use this file except in compliance with the License.
-  * You may obtain a copy of the License at
-  *
-  *     http://www.apache.org/licenses/LICENSE-2.0
-  *
-  * Unless required by applicable law or agreed to in writing, software
-  * distributed under the License is distributed on an "AS IS" BASIS,
-  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  * See the License for the specific language governing permissions and
-  * limitations under the License.
-  */
-
-import {CommonShapeMethod} from "./common";
-
-export declare class PolylineExtend<T> extends PolylineAttribute<T> {
-}
-
-interface Polyline extends PolylineAttribute<Polyline> {
-  (): Polyline;
-  (value?: { width?: string | number, height?: string | number }): Polyline;
-}
-
-declare class PolylineAttribute<T> extends CommonShapeMethod<T> {
-  points(value: Array<any>): T;
-}
-
-export declare const PolylineInterface: Polyline;
\ 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 { CommonShapeMethod } from "./common";
+
+/**
+ * Provides an interface for drawing polylines.
+ * @since 7
+ */
+interface Polyline extends PolylineAttribute<Polyline> {
+  /**
+   * Uses new to create Polyline.
+   * @since 7
+   */
+  new (value?: { width?: string | number; height?: string | number }): 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 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 55ffb6546e95cc591f48b2bb19c571fe693ef529..84f5e0d2ab8c45568bb00d6eba0c436df2d8659a 100644
--- a/api/@internal/component/ets/progress.d.ts
+++ b/api/@internal/component/ets/progress.d.ts
@@ -1,38 +1,104 @@
 /*
-  * 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 { Length, 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,
+
+  /**
+   * Ring progress bar.
+   * @devices phone, tablet, car.
+   * @since 8
+   */
+  Ring,
+
+  /**
+   * Eclipse progress bar.
+   * @devices phone, tablet, car.
+   * @since 7
+   */
+  Eclipse,
+
+  /**
+   * ScaleRing progress bar.
+   * @devices phone, tablet, car.
+   * @since 8
+   */
+  ScaleRing,
+
+  /**
+   * Capsule progress bar.
+   * @devices phone, tablet, car.
+   * @since 8
+   */
+  Capsule,
 
-export declare class ProgressExtend<T> extends ProgressAttribute<T> {
 }
 
+/**
+ * Provides the progress bar interface.
+ * @since 7
+ */
 interface Progress extends ProgressAttribute<Progress> {
-  (object: { value: number, total?: number, style?: ProgressStyle }): Progress;
+  /**
+   * Called when the progress bar is set.
+   * @since 7
+   */
+  (object: { value: number; total?: number; style?: ProgressStyle }): Progress;
 }
 
+/**
+ * @since 7
+ */
 declare class ProgressAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the current progress value is set.
+   * @since 7
+   */
   value(value: number): T;
-  color(value: Color): T;
-  cricularStyle(value: { strokeWidth?: number, scaleCount?: number, scaleWidth?: 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
+   */
+  circularStyle(value: { strokeWidth?: Length; scaleCount?: number; scaleWidth?: Length }): T;
+
+  /**
+   * Called when the style of the cricular progress bar is set.
+   * @since 7
+   * @deprecated since 7
+   */
+  cricularStyle(value: { strokeWidth?: Length; scaleCount?: number; scaleWidth?: Length }): 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 4c7a834ff6b8c00e4712ff8b352dcacfe0ad5244..6c8a94fe990bd1ba7a00113ae4fb514b25da473f 100644
--- a/api/@internal/component/ets/qrcode.d.ts
+++ b/api/@internal/component/ets/qrcode.d.ts
@@ -13,18 +13,37 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, Resource} from "./common";
-
-export declare class QRCodeExtend<T> extends QRCodeAttribute<T> {
-}
+import { CommonMethod } from "./common";
+import { ResourceColor } from "./units";
 
+/**
+ * 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> {
-  color(value: Color | number | string | Resource): T;
-  backgroundColor(value: Color | number | string | Resource): T;
+  /**
+   * Called when the QR code color is set.
+   * @since 7
+   */
+  color(value: ResourceColor): T;
+
+  /**
+   * 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 ae00f19993a6e11d42526d30be9a6399a52f3668..f8bc72d31ac61d0269429e9b4e366336aa43e3a4 100644
--- a/api/@internal/component/ets/radio.d.ts
+++ b/api/@internal/component/ets/radio.d.ts
@@ -1,30 +1,74 @@
 /*
-  * 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";
 
-export declare class RadioExtend<T> extends RadioAttribute<T> {
+/**
+ * Input parameter for creating a radio box.
+ * @devices phone, tablet, car
+ * @since 8
+ */
+export declare interface RadioOption {
+  /**
+   * Radio group name.
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  group: string;
+
+  /**
+   * Radio name.
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  value: string;
 }
 
+/**
+ * Provides an interface for creating a radio box.
+ * @devices phone, tablet, car
+ * @since 8
+ */
 interface Radio extends RadioAttribute<Radio> {
-  (options: {value: string}): Radio;
+  /**
+   * Called when a radio box is created.
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  (options: RadioOption): Radio;
 }
 
+/**
+ * @devices phone, tablet, car
+ * @since 8
+ */
 declare class RadioAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the radio box is selected.
+   * @devices phone, tablet, car
+   * @since 8
+   */
   checked(value: boolean): T;
+
+  /**
+   * Called when the radio box selection status changes.
+   * @devices phone, tablet, car
+   * @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 293841bce72b3d752fb99e5b927276fe964295d0..7403946f44b943b7020c0a27f99558600c253106 100644
--- a/api/@internal/component/ets/rating.d.ts
+++ b/api/@internal/component/ets/rating.d.ts
@@ -1,32 +1,60 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {CommonMethod} from "./common";
-
-export declare class RatingExtend<T> extends RatingAttribute<T> {
-}
-
-interface Rating extends RatingAttribute<Rating> {
-  (options?: {rating: number, indicator?: boolean}): Rating;
-}
-
-declare class RatingAttribute<T> extends CommonMethod<T> {
-  stars(value: number): T;
-  stepSize(value: number): T;
-  starStyle(value: {backgroundUri: string, foregroundUri: string, secondaryUri?: string}): T;
-  onChange(callback:(value: number) => void): T;
-}
-
-export declare const RatingInterface: Rating;
\ 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";
+
+/**
+ * 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 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 ecc1a5a8fd3fe7af24f23062381a13db9f5fe8c6..9c5d3c0169f91fc191715d64d7a435d3e1698ab8 100644
--- a/api/@internal/component/ets/rect.d.ts
+++ b/api/@internal/component/ets/rect.d.ts
@@ -13,30 +13,74 @@
  * limitations under the License.
  */
 
-import {CommonShapeMethod} from "./common";
-
-export declare class RectExtend<T> extends RectAttribute<T> {
-}
+import { CommonShapeMethod } from "./common";
 
+/**
+ * Provides an interface for drawing rectangles.
+ * @since 7
+ */
 interface Rect extends RectAttribute<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;
+  /**
+   * Use new function to create Rect.
+   * @since 7
+   */
+  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;
+
+  /**
+   * 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;
 }
 
+/**
+ * @since 7
+ */
 declare class RectAttribute<T> extends CommonShapeMethod<T> {
+  /**
+   * Called when the fillet width is set.
+   * @since 7
+   */
   radiusWidth(value: number | string): T;
 
+  /**
+   * Called when the fillet height is set.
+   * @since 7
+   */
   radiusHeight(value: number | string): T;
 
+  /**
+   * 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 3882b1dc3cc5566a56a35bf2f357e1726383a9ec..b225cd0aa869a2d1a49b018a05250fda8d1c7d88 100644
--- a/api/@internal/component/ets/row.d.ts
+++ b/api/@internal/component/ets/row.d.ts
@@ -13,17 +13,31 @@
  * limitations under the License.
  */
 
-import {CommonMethod, VerticalAlign, VerticalAlignDeclaration} from "./common";
-
-export declare class RowExtend<T> extends RowAttribute<T> {
-}
+import { CommonMethod } from "./common";
+import { VerticalAlign } from "./enums";
 
+/**
+ * The components are laid out horizontally
+ * @since 7
+ */
 interface Row extends RowAttribute<Row> {
-  (value?: { space?: string | number, useAlign?: VerticalAlignDeclaration }): Row;
+  /**
+   * Called when the layout is set in the horizontal direction.
+   * @since 7
+   */
+  (value?: { space?: string | number }): 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 6bd57a89b2399dd0f8e9120aa5505f180f34bcc9..ea1b2eab15fa93a826b24a06b924b7f23e2aeaf7 100644
--- a/api/@internal/component/ets/row_split.d.ts
+++ b/api/@internal/component/ets/row_split.d.ts
@@ -13,17 +13,30 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
-
-export declare class RowSplitExtend<T> extends RowSplitAttribute<T> {
-}
+import { CommonMethod } from "./common";
 
+/**
+ * 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;
 }
 
+/**
+ * @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 2550e6eb2bb737529eaa18c593145c8d3b8575b2..30672e8dd66e941049f6dd08941e297bc20cb1ee 100644
--- a/api/@internal/component/ets/scroll.d.ts
+++ b/api/@internal/component/ets/scroll.d.ts
@@ -13,53 +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);
 }
 
-export declare class ScrollExtend<T> extends ScrollAttribute<T> {
-}
-
+/**
+ * Provides interfaces for scrollable containers.
+ * @since 7
+ */
 interface Scroll extends ScrollAttribute<Scroll> {
+  /**
+   * Called when a scrollable container is set.
+   * @since 7
+   */
   (scroller?: Scroller): 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/scroll_bar.d.ts b/api/@internal/component/ets/scroll_bar.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..646432dc10e22312438c1ed55866801fbbbca1cd
--- /dev/null
+++ b/api/@internal/component/ets/scroll_bar.d.ts
@@ -0,0 +1,79 @@
+/*
+ * 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 { BarState } from "./enums";
+import { Scroller } from "./scroll";
+
+/**
+ * Content scroll direction.
+ * @since 8
+ */
+export declare enum ScrollBarDirection {
+  /**
+   * Vertical scrolling is supported.
+   * @since 8
+   */
+  Vertical,
+
+  /**
+   * Horizontal scrolling is supported.
+   * @since 8
+   */
+  Horizontal,
+}
+
+/**
+ * Defines the option of ScrollBar.
+ * @since 8
+ */
+export declare interface ScrollBarOption {
+  /**
+   * Sets the scroller of scroll bar.
+   * @since 8
+   */
+  scroller: Scroller;
+
+  /**
+   * Sets the direction of scroll bar.
+   * @since 8
+   */
+  direction?: ScrollBarDirection;
+
+  /**
+   * Sets the state of scroll bar.
+   * @since 8
+   */
+  state?: BarState;
+}
+
+/**
+ * Provides interfaces for scroll bar.
+ * @since 8
+ */
+interface ScrollBar extends ScrollBarAttribute<ScrollBar> {
+  /**
+   * Called when a ScrollBar container is set.
+   * @since 8
+   */
+  (value: ScrollBarOption): ScrollBar;
+}
+
+/**
+ * @since 8
+ */
+declare class ScrollBarAttribute<T> extends CommonMethod<T> {}
+export declare class ScrollBarExtend<T> extends ScrollBarAttribute<T> {}
+export declare const ScrollBarInterface: ScrollBar;
diff --git a/api/@internal/component/ets/search.d.ts b/api/@internal/component/ets/search.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..fa36e0b07b37ca4931dce56737d35f3cb6a943f1
--- /dev/null
+++ b/api/@internal/component/ets/search.d.ts
@@ -0,0 +1,88 @@
+/*
+ * 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, Font } from "./units";
+
+/**
+ * The construct function of search
+ * @since 8
+ */
+interface Search extends SearchAttribute<Search> {
+  (options?: { value?: string; placeholder?: string; icon?: string }): Search;
+}
+
+/**
+ * The attribute function of search
+ * @since 8
+ */
+declare class SearchAttribute<T> extends CommonMethod<T> {
+  /**
+   * Set the search button text
+   * @since 8
+   */
+  searchButton(value: string): T;
+
+  /**
+   * Set the place hold text color
+   * @since 8
+   */
+  placeholderColor(value: ResourceColor): T;
+
+  /**
+   * Set the font used for place holder text
+   * @since 8
+   */
+  placeholderFont(value?: Font): T;
+
+  /**
+   * Set the font used for input text
+   * @since 8
+   */
+  textFont(value?: Font): T;
+
+  /**
+   * Call the function when clicked the search button
+   * @since 8
+   */
+  onSubmit(callback: (value: string) => void): T;
+
+  /**
+   * Call the function when editing the input text
+   * @since 8
+   */
+  onChange(callback: (value: string) => void): T;
+
+  /**
+   * Called when using the Clipboard menu
+   * @since 8
+   */
+  onCopy(callback: (value: string) => void): T;
+
+  /**
+   * Called when using the Clipboard menu
+   * @since 8
+   */
+  onCut(callback: (value: string) => void): T;
+
+  /**
+   * Called when using the Clipboard menu
+   * @since 8
+   */
+  onPaste(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 5a6cb0a2be9e4bc65333610b9fbc4833d10483eb..195f0ce74de09583855c1ba3d80ab728096a0f31 100644
--- a/api/@internal/component/ets/shape.d.ts
+++ b/api/@internal/component/ets/shape.d.ts
@@ -13,42 +13,104 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, LineCapStyle, LineJoinStyle, Resource, PixelMap} from "./common";
-
-export declare class ShapeExtend<T> extends ShapeAttribute<T> {
-}
+import { CommonMethod, PixelMap } from "./common";
+import { LineCapStyle, LineJoinStyle } from "./enums";
+import { Resource, ResourceColor } from "./units";
 
+/**
+ * Provides interfaces for drawing components.
+ * @since 7
+ */
 interface Shape extends ShapeAttribute<Shape> {
+  /**
+   * Use the new function to create Shape.
+   * @since 7
+   */
+  new (value?: PixelMap): Shape;
+
+  /**
+   * Called when a component is drawn.
+   * @since 7
+   */
   (value?: PixelMap): Shape;
 }
 
+/**
+ * @since 7
+ */
 declare class ShapeAttribute<T> extends CommonMethod<T> {
-  viewPort(value: {
-    x?: number | string, y?: number | string,
-    width?: number | string, height?: number | string
-  }): T;
-
-  stroke(value: Color | number | string | Resource): T;
-
-  fill(value: Color | number | string | Resource): T;
-
+  /**
+   * Viewport of shape
+   * @since 7
+   */
+  viewPort(value: { x?: number | string; y?: number | string; width?: number | string; height?: number | string }): T;
+
+  /**
+   * Called when the border color is set.
+   * @since 7
+   */
+  stroke(value: ResourceColor): T;
+
+  /**
+   * Called when the fill color is set.
+   * @since 7
+   */
+  fill(value: ResourceColor): T;
+
+  /**
+   * Called when the offset of the starting point of border drawing is set.
+   * @since 7
+   */
   strokeDashOffset(value: number | string): T;
 
+  /**
+   * Called when the gap of the border is set.
+   * @since 7
+   */
   strokeDashArray(value: Array<any>): T;
 
+  /**
+   * Called when the path endpoint drawing style is set.
+   * @since 7
+   */
   strokeLineCap(value: LineCapStyle): T;
 
+  /**
+   * Called when the border corner drawing style is set.
+   * @since 7
+   */
   strokeLineJoin(value: LineJoinStyle): T;
 
+  /**
+   * Called when the limit value for drawing acute angles as oblique angles is set.
+   * @since 7
+   */
   strokeMiterLimit(value: number | string): T;
 
+  /**
+   * Called when the opacity of the border is set.
+   * @since 7
+   */
   strokeOpacity(value: number | string | Resource): T;
 
+  /**
+   * Called when the transparency of the border is set.
+   * @since 7
+   */
   fillOpacity(value: number | string | Resource): T;
 
+  /**
+   * Called when the width of the border is set.
+   * @since 7
+   */
   strokeWidth(value: number | string): T;
 
+  /**
+   * 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/camera.d.ts b/api/@internal/component/ets/sheet.d.ts
similarity index 56%
rename from api/@internal/component/ets/camera.d.ts
rename to api/@internal/component/ets/sheet.d.ts
index 6a9ebdb6e8fadebf9c1d1bb44fe80a91211f594d..e7381ae5c708f5bf4c7f1d80c14201c31a1c6f5b 100644
--- a/api/@internal/component/ets/camera.d.ts
+++ b/api/@internal/component/ets/sheet.d.ts
@@ -1,34 +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";
-
-export declare enum DevicePosition {
-  Front,
-  Back
-}
-
-export declare class CameraExtend<T> extends CameraAttribute<T> {
-}
-
-interface Camera extends CameraAttribute<Camera> {
-  (value: { id: string, resolutionWidth: number, resolutionHeight: number }): Camera;
-}
-
-declare class CameraAttribute<T> extends CommonMethod<T> {
-  devicePosition(value: DevicePosition): T;
-}
-
-export declare const CameraInterface: Camera;
+/*
+ * 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";
+
+/**
+ * Provides the interface for the sheet attributes.
+ * @since 8
+ */
+interface Sheet extends SheetAttribute<Sheet> {
+  /**
+   * Create sheet.
+   * @since 8
+   */
+  (): Sheet;
+}
+
+/**
+ * Declares sheet properties.
+ * @since 8
+ */
+declare class SheetAttribute<T> extends CommonMethod<T> {}
+
+export declare class SheetExtend<T> extends SheetAttribute<T> {}
+export declare const SheetInterface: Sheet;
diff --git a/api/@internal/component/ets/slider.d.ts b/api/@internal/component/ets/slider.d.ts
index bee0476cd00ddbcda6e41469b881e3d64e417af6..0f877be21810369374d96f85d33f959ffd57aa3b 100644
--- a/api/@internal/component/ets/slider.d.ts
+++ b/api/@internal/component/ets/slider.d.ts
@@ -1,47 +1,186 @@
-/*
- * Copyright (c) 2021 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {CommonMethod, Color} from "./common";
-
-export declare enum SliderStyle {
-  OUTSET = 0,
-  INSET,
-}
-
-export declare enum SliderChangeMode {
-  BEGIN = 0,
-  MOVING,
-  END,
-}
-
-export declare class SliderExtend<T> extends SliderAttribute<T> {
-}
-
-interface Slider extends SliderAttribute<Slider> {
-  (options?: {value?: number, min?: number, max?: number, step?: number, style?: SliderStyle}): Slider;
-}
-
-declare class SliderAttribute<T> extends CommonMethod<T> {
-  blockColor(value: Color): T;
-  trackColor(value: Color): T;
-  selectedColor(value: Color): T;
-  minLabel(value: string): T;
-  maxLabel(value: string): T;
-  showSteps(value: boolean): T;
-  showTips(value: boolean): T;
-  onChange(callback:(value: number, mode: SliderChangeMode) => void): T;
-}
-
-export declare const SliderInterface: Slider;
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Axis } from "./enums";
+import { CommonMethod } from "./common";
+import { ResourceColor } from "./units";
+
+/**
+ * Declare sliderstyle
+ * @since 7
+ */
+export declare enum SliderStyle {
+  /**
+   * The slider is on the slide rail.
+   * @since 7
+   */
+  OutSet = 0,
+
+  /**
+   * The slider is in the slide rail.
+   * @since 7
+   */
+  InSet,
+
+  /**
+   * Capsule style slider.
+   * @since 8
+   */
+  Capsule,
+}
+
+/**
+ * Declare SliderChangeMode
+ * @since 7
+ */
+export declare enum SliderChangeMode {
+  /**
+   * 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;
+
+  /**
+   * Sets the slider direction style.
+   * @since 8
+   */
+  direction?: Axis;
+
+  /**
+   * Set whether the direction of the slider needs to be reversed.
+   * @since 8
+   */
+  reverse?: boolean;
+}
+
+/**
+ * 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 bee0d93d093a8b8fcdc8586e11db9ac29b9e3f37..913d6d9eecec4ea7f935f4e1c7738b65b62ed556 100644
--- a/api/@internal/component/ets/span.d.ts
+++ b/api/@internal/component/ets/span.d.ts
@@ -13,32 +13,73 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Color, Resource} from "./common";
-import {FontStyle, FontWeight, TextDecorationType, TextCase} from "./text";
-
-export declare class SpanExtend<T> extends SpanAttribute<T> {
-}
+import { CommonMethod } from "./common";
+import { FontStyle, FontWeight, TextDecorationType, TextCase } from "./enums";
+import { Resource, ResourceColor } from "./units";
 
+/**
+ * Provide text decoration.
+ * @since 7
+ */
 interface Span extends SpanAttribute<Span> {
+  /**
+   * Called when text is entered in span.
+   * @since 7
+   */
   (value: string | Resource): Span;
 }
 
+/**
+ * @since 7
+ */
 declare class SpanAttribute<T> extends CommonMethod<T> {
-  fontColor(value: Color | number | string | Resource): 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 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 font list of text is set.
+   * @since 7
+   */
   fontFamily(value: string | Resource): T;
 
-  decoration(value: { type: TextDecorationType, color?: Color | number | string | Resource}): 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.
+   */
   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 6bbe22c24252133f0b6fb4f0bc406cd319ae67f1..6fba06254edcb880739f61f696103c458c04076d 100644
--- a/api/@internal/component/ets/stack.d.ts
+++ b/api/@internal/component/ets/stack.d.ts
@@ -13,17 +13,31 @@
  * limitations under the License.
  */
 
-import {CommonMethod, Alignment} from "./common";
-
-export declare class StackExtend<T> extends StackAttribute<T> {
-}
+import { CommonMethod } from "./common";
+import { Alignment } from "./enums";
 
+/**
+ * Provides ports for stacking containers.
+ * @since 7
+ */
 interface Stack extends StackAttribute<Stack> {
+  /**
+   * Set the value.
+   * @since 7
+   */
   (value?: { alignContent?: 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 7a4a27511a3155166ddafec613bf58ec84be5330..e6ca104447fe3009728d5f303eadcfcffa313ca6 100644
--- a/api/@internal/component/ets/stateManagement.d.ts
+++ b/api/@internal/component/ets/stateManagement.d.ts
@@ -1,110 +1,502 @@
+/*
+ * 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 Link<T>(propName: string): SubscribedAbstractProperty<T> | undefined;
+  /**
+   * 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>;
-  static Prop<S>(propName: string): SubscribedAbstractProperty<S> | undefined;
+
+  /**
+   * 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();
+
+  /**
+   * Called when a property value is checked.
+   * @since 7
+   */
   static EnvProp<S>(key: string, value: S): boolean;
-  static EnvProps(props: {
-    key: string;
-    defaultValue: any;
-  }[]): void;
+
+  /**
+   * 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);
+
+  /**
+   * 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;
-  static PersistProps(properties: {
+
+  /**
+   * Called when multiple persistence properties are stored.
+   * @since 7
+   */
+  static PersistProps(
+    properties: {
       key: string;
       defaultValue: any;
-  }[]): void;
+    }[],
+  ): 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/stepper.d.ts b/api/@internal/component/ets/stepper.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d4a8861b486539bae28b79c9682d5b0909918dc2
--- /dev/null
+++ b/api/@internal/component/ets/stepper.d.ts
@@ -0,0 +1,74 @@
+/*
+ * 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";
+
+/**
+ * Declare the stepper.
+
+ * @since 8
+ */
+interface Stepper extends StepperAttribute<Stepper> {
+  /**
+   * Called when the stepper component is used.
+
+   * @since 8
+   */
+  (value?: { index?: number }): Stepper;
+}
+
+/**
+ * Defines the stepper attribute functions
+ * @since 8
+ */
+declare class StepperAttribute<T> extends CommonMethod<T> {
+  /**
+   * Callback when the finish label is clicked.
+
+   * @since 8
+   */
+  onFinish(callback: () => void): T;
+
+  /**
+   * Callback when the skip label is clicked.
+
+   * @since 8
+   */
+  onSkip(callback: () => void): T;
+
+  /**
+   * Callback when the change label is clicked.
+
+   * @since 8
+   */
+  onChange(callback: (prevIndex?: number, index?: number) => void): T;
+
+  /**
+   * Callback when the next label is clicked.
+
+   * @since 8
+   */
+  onNext(callback: (index?: number, pendingIndex?: number) => void): T;
+
+  /**
+   * Callback when the previous label is clicked.
+
+   * @since 8
+   */
+  onPrevious(callback: (index?: number, pendingIndex?: number) => void): T;
+}
+
+export declare class StepperExtend<T> extends StepperAttribute<T> {}
+export declare const StepperInterface: Stepper;
diff --git a/api/@internal/component/ets/stepperItem.d.ts b/api/@internal/component/ets/stepperItem.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9bd38d5013d77bf01f41fe798468886518d0922f
--- /dev/null
+++ b/api/@internal/component/ets/stepperItem.d.ts
@@ -0,0 +1,104 @@
+/*
+ * 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";
+
+/**
+ * ItemState
+ * @devices phone, tablet, car
+ * @since 8
+ */
+export declare enum ItemState {
+  /**
+   * Default State
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  Normal,
+
+  /**
+   * Disabled State
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  Disabled,
+
+  /**
+   * Waiting State
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  Waiting,
+
+  /**
+   * Skip State
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  Skip,
+}
+
+/**
+ * @devices phone, tablet, car
+ * @since 8
+ */
+export declare class StepperItemExtend<T> extends StepperItemAttribute<T> {}
+
+/**
+ * Provides an interface for switching the stepperItem view on stepper container.
+ * @devices phone, tablet, car
+ * @since 8
+ */
+interface StepperItem extends StepperItemAttribute<StepperItem> {
+  /**
+   * Called when the stepperItem component is used.
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  (): StepperItem;
+}
+
+/**
+ * @devices phone, tablet, car
+ * @since 8
+ */
+declare class StepperItemAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the value of stepperItem prevLabel is set
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  prevLabel(value: string): T;
+
+  /**
+   * Called when the value of stepperItem nextLabel is set
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  nextLabel(value: string): T;
+
+  /**
+   * Called when the value of stepperItem status is set
+   * @devices phone, tablet, car
+   * @since 8
+   */
+  status(value?: ItemState): T;
+}
+
+/**
+ * @devices phone, tablet, car
+ * @since 8
+ */
+export declare const StepperItemInterface: StepperItem;
diff --git a/api/@internal/component/ets/swiper.d.ts b/api/@internal/component/ets/swiper.d.ts
index 22830c7721a7bcab79d50621dbea1b358f29d6b2..99589346396c84617c3da66701124b0ef6bccb8f 100644
--- a/api/@internal/component/ets/swiper.d.ts
+++ b/api/@internal/component/ets/swiper.d.ts
@@ -13,48 +13,157 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
+import { CommonMethod } from "./common";
+import { EdgeEffect } from "./enums";
 
+/**
+ * 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();
+
+  /**
+   * Called when need to stop the swiper animation.
+   * @since 8
+   */
+  finishAnimation(callback?: () => void);
 }
 
+/**
+ * Declare the size of the swiper on the spindle.
+ * @since 7
+ */
 export declare enum SwiperDisplayMode {
+  /**
+   * Carousel map extension.
+   * @since 7
+   */
   Stretch,
-  AutoLinear
-}
 
-export declare class SwiperExtend<T> extends SwiperAttribute<T> {
+  /**
+   * 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;
 
+  /**
+   * Called when setting whether the subcomponent plays automatically.
+   * @since 7
+   */
   autoPlay(value: boolean): T;
 
+  /**
+   * Called when the time interval for automatic playback is set.
+   * @since 7
+   */
   interval(value: number): T;
 
+  /**
+   * Called when you set whether the navigation point indicator is enabled.
+   * @since 7
+   */
   indicator(value: boolean): T;
 
+  /**
+   * Called when setting whether to turn on cyclic sliding.
+   * @since 7
+   */
   loop(value: boolean): T;
 
+  /**
+   * Called when the animation duration of the switch is set.
+   * @since 7
+   */
   duration(value: number): T;
 
+  /**
+   * Called when setting whether to slide vertically.
+   * @since 7
+   */
   vertical(value: boolean): T;
 
+  /**
+   * Called when the size of the rotation chart is set.
+   * @since 7
+   */
   itemSpace(value: number | string): T;
 
+  /**
+   * Called when setting the size of the swiper container on the spindle.
+   * @since 7
+   */
   displayMode(value: SwiperDisplayMode): T;
 
+  /**
+   * Called when setting the cached count of the swiper container one side.
+   * @since 8
+   */
+  cachedCount(value: number): T;
+
+  /**
+   * This command is invoked when the number of subcomponents is set.
+   * @since 8
+   */
+  displayCount(value: number | string): T;
+
+  /**
+   * Invoked when setting the sliding effect
+   * @since 8
+   */
+  effectMode(value: EdgeEffect): T;
+
+  /**
+   * Called when sliding is disableSwipe
+   * @since 8
+   */
+  disableSwipe(value: boolean): T;
+
+  /**
+   * 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 0990ad2dafe7f33240eecbf634fad74987b9f923..53bc29e416054ee86bfd481c49d7b7e34928be98 100644
--- a/api/@internal/component/ets/tab_content.d.ts
+++ b/api/@internal/component/ets/tab_content.d.ts
@@ -13,17 +13,33 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
-
-export declare class TabContentExtend<T> extends TabContentAttribute<T> {
-}
+import { CommonMethod, CustomBuilder } from "./common";
+import { Resource } from "./units";
 
+/**
+ * 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;
 }
 
+/**
+ * Defines the attribute functions of TabContent.
+ * @since 7
+ */
 declare class TabContentAttribute<T> extends CommonMethod<T> {
-  tabBar(value: string | { icon?: string, text?: string }): T;
+  /**
+   * Called when tabbar is entered.
+   * @since 7
+   */
+  tabBar(value: string | Resource | CustomBuilder |
+    { 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 d72922f4de7ac4ce7342935f5b24b6f6fbb263cf..f9417bd6b27ea6b4ec52bc32c1482dced47532f4 100644
--- a/api/@internal/component/ets/tabs.d.ts
+++ b/api/@internal/component/ets/tabs.d.ts
@@ -13,45 +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;
 }
 
-export declare class TabsExtend<T> extends TabsAttribute<T> {
-}
-
+/**
+ * Provides an interface for switching views.
+ * @since 7
+ */
 interface Tabs extends TabsAttribute<Tabs> {
-  (value?: { barPosition?: BarPosition, index?: number, controller?: TabsController }): Tabs;
+  /**
+   * Called when the view is switched.
+   * @since 7
+   */
+  (value?: { barPosition?: BarPosition; index?: number; controller?: TabsController }): Tabs;
 }
 
+/**
+ * @since 7
+ */
 declare class TabsAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when determining whether the tab is vertical.
+   * @since 7
+   */
   vertical(value: boolean): T;
 
+  /**
+   * Called when judging whether page switching can be performed by sliding left and right.
+   * @since 7
+   */
   scrollable(value: boolean): T;
 
+  /**
+   * Called when the graphic format of the bar chart is selected.
+   * @since 7
+   */
   barMode(value: BarMode): T;
 
+  /**
+   * Called when the width of the bar graph is set.
+   * @since 7
+   */
   barWidth(value: number): T;
 
+  /**
+   * Called when the height of the bar graph is set.
+   * @since 7
+   */
   barHeight(value: number): T;
 
+  /**
+   * Called when the animation duration of the bar graph is set.
+   * @since 7
+   */
   animationDuration(value: number): T;
 
+  /**
+   * 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 a30dfa647c202737a8e6462b3f56339996e44a8d..3783a00dbd06239d37fd3335958cde71f7a6e5c5 100644
--- a/api/@internal/component/ets/text.d.ts
+++ b/api/@internal/component/ets/text.d.ts
@@ -13,84 +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,
-  None
-}
-
-export declare enum TextDecorationType {
-  None,
-  Underline,
-  Overline,
-  LineThrough
-}
-
-export declare enum TextCase {
-  Normal,
-  LowerCase,
-  UpperCase
-}
-
-export declare class TextExtend<T> extends TextAttribute<T> {
-}
+/**
+ * @since 7
+ */
+export declare class TextExtend<T> extends TextAttribute<T> {}
 
+/**
+ * Provides an interface for writing texts.
+ * @since 7
+ */
 interface Text extends TextAttribute<Text> {
+  /**
+   * Called when writing text.
+   * @since 7
+   */
   (content?: string | Resource): Text;
 }
 
+/**
+ * @since 7
+ */
 declare class TextAttribute<T> extends CommonMethod<T> {
-  fontColor(value: Color | number | string | Resource): 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;
 
-  decoration(value: { type: TextDecorationType, color?: Color | number | string | Resource }): 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..964256f84eb464171877164c7d79997e5cf92c98
--- /dev/null
+++ b/api/@internal/component/ets/text_area.d.ts
@@ -0,0 +1,137 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ResourceStr } from ".";
+import { CommonMethod } from "./common";
+import { TextAlign, FontWeight, FontStyle } from "./enums";
+import { Font, Length, ResourceColor } from "./units";
+
+/**
+ * Defines the option of TextArea.
+ * @since 7
+ */
+export declare interface TextAreaOption {
+  /**
+   * The place holder text string.
+   * @since 7
+   */
+  placeholder?: ResourceStr;
+
+  /**
+   * Sets the current value of TextArea.
+   * @since 7
+   */
+  text?: ResourceStr;
+}
+
+/**
+ * Provides an interface for the multi-line text input component.
+ * @since 7
+ */
+interface TextArea extends TextAreaAttribute<TextArea> {
+  /**
+   * Called when writing multiple lines of text.
+   * @since 7
+   */
+  (value?: TextAreaOption): TextArea;
+}
+
+/**
+ * Defines the attribute functions of TextArea.
+ * @since 7
+ */
+declare class TextAreaAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the color of the placeholder is set.
+   * @since 7
+   */
+  placeholderColor(value: ResourceColor): T;
+
+  /**
+   * Called when the font property of the placeholder is set.
+   * @since 7
+   */
+  placeholderFont(value: Font): T;
+
+  /**
+   * Called when the alignment of the contents of a multiline text box is set.
+   * @since 7
+   */
+  textAlign(value: TextAlign): T;
+
+  /**
+   * Called when the insertion cursor color is set.
+   * @since 7
+   */
+  caretColor(value: ResourceColor): 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: Length): 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 font list of text is set.
+   * @since 7
+   */
+  fontFamily(value: ResourceStr): T;
+
+  /**
+   * Called when the input changes.
+   * @devices phone, tablet, car.
+   * @since 7
+   */
+  onChange(callback: (value: string) => void): T;
+
+  /**
+   * Called when using the Clipboard menu
+   * @since 7
+   */
+  onCopy(callback: (value: string) => void): T;
+
+  /**
+   * Called when using the Clipboard menu
+   * @since 7
+   */
+  onCut(callback: (value: string) => void): T;
+
+  /**
+   * Called when using the Clipboard menu
+   * @since 7
+   */
+  onPaste(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..13f3050295f5e7dd6569f05da03a3291996b8a7d
--- /dev/null
+++ b/api/@internal/component/ets/text_input.d.ts
@@ -0,0 +1,225 @@
+/*
+ * 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 { FontWeight, FontStyle } from "./enums";
+import { CommonMethod } from "./common";
+import { ResourceColor, ResourceStr, Length } from "./units";
+
+/**
+ * Declare the type of input box
+ * @since 7
+ */
+export declare enum InputType {
+  /**
+   * Basic input mode.
+   * @since 7
+   */
+  Normal,
+
+  /**
+   * Password entry mode.
+   * @since 7
+   */
+  Number,
+
+  /**
+   * E-mail address input mode.
+   * @since 7
+   */
+  Email,
+
+  /**
+   * Pure digital input mode.
+   * @since 7
+   */
+  Password,
+}
+
+/**
+ * Declare the type of soft keyboard.
+ * @since 7
+ */
+export declare enum EnterKeyType {
+  /**
+   * Go.
+   * @since 7
+   */
+  Go,
+
+  /**
+   * Search.
+   * @since 7
+   */
+  Search,
+
+  /**
+   * Send.
+   * @since 7
+   */
+  Send,
+
+  /**
+   * Next.
+   * @since 7
+   */
+  Next,
+
+  /**
+   * Done.
+   * @since 7
+   */
+  Done,
+}
+
+/**
+ * Defines the option of TextInput.
+ * @since 7
+ */
+export declare interface TextInputOption {
+  /**
+   * The place holder text string.
+   * @since 7
+   */
+  placeholder?: ResourceStr;
+
+  /**
+   * Sets the current value of TextArea.
+   * @since 7
+   */
+  text?: ResourceStr;
+}
+
+/**
+ * Provides a single-line text input component interface.
+ * @since 7
+ */
+interface TextInput extends TextInputAttribute<TextInput> {
+  /**
+   * Called when writing a single line of text.
+   * @since 7
+   */
+  (value?: TextInputOption): TextInput;
+}
+
+/**
+ * @since 7
+ */
+declare class TextInputAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when the input type is set.
+   * @since 7
+   */
+  type(value: InputType): T;
+
+  /**
+   * Called when the color of the placeholder is set.
+   * @since 7
+   */
+  placeholderColor(value: ResourceColor): T;
+
+  /**
+   * Called when the font property of the placeholder is set.
+   * @since 7
+   */
+  placeholderFont(value?: Font): T;
+
+  /**
+   * Called when the type of soft keyboard input button is set.
+   * @since 7
+   */
+  enterKeyType(value: EnterKeyType): T;
+
+  /**
+   * Called when the color of the insertion cursor is set.
+   * @since 7
+   */
+  caretColor(value: ResourceColor): T;
+
+  /**
+   * Called when judging whether the text editing has changed.
+   * @since 7
+   */
+  onEditChanged(callback: (isEditing: boolean) => void): T;
+
+  /**
+   * Called when submitted.
+   * @since 7
+   */
+  onSubmit(callback: (enterKey: EnterKeyType) => void): T;
+
+  /**
+   * Called when the input of the input box changes.
+   * @since 7
+   */
+  onChange(callback: (value: string) => void): T;
+
+  /**
+   * Called when the input of maximum text length is set.
+   * @since 7
+   */
+  maxLength(value: number): 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: Length): 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 font list of text is set.
+   * @since 7
+   */
+  fontFamily(value: ResourceStr): T;
+
+  /**
+   * Called when using the Clipboard menu
+   * @since 7
+   */
+  onCopy(callback: (value: string) => void): T;
+
+  /**
+   * Called when using the Clipboard menu
+   * @since 7
+   */
+  onCut(callback: (value: string) => void): T;
+
+  /**
+   * Called when using the Clipboard menu
+   * @since 7
+   */
+  onPaste(callback: (value: string) => void): T;
+}
+
+export declare class TextInputExtend<T> extends TextInputAttribute<T> {}
+export declare const TextInputInterface: TextInput;
diff --git a/api/@internal/component/ets/textPicker.d.ts b/api/@internal/component/ets/text_picker.d.ts
similarity index 52%
rename from api/@internal/component/ets/textPicker.d.ts
rename to api/@internal/component/ets/text_picker.d.ts
index c04f44c0a3788e2050511be742e5477061838f7b..f5c4916b6f1d876554c97d28f528ab22f1d07cc9 100644
--- a/api/@internal/component/ets/textPicker.d.ts
+++ b/api/@internal/component/ets/text_picker.d.ts
@@ -13,26 +13,79 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
+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,
-}
 
-export declare class TextPickerExtend<T> extends TextPickerAttribute<T> {
+  /**
+   * fade.
+   * @since 8
+   */
+  FADE,
 }
 
+/**
+ * @since 8
+ */
 interface TextPicker extends TextPickerAttribute<TextPicker> {
-  (options?: {range: string[], value?: string, selected?: number, loop?: boolean , style?: PickerStyle}): 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> {
-  defaultPickerItemHeight(value: number): T;
+  /**
+   * Called when the default height of the selected element is set.
+   * @since 8
+   */
+  defaultPickerItemHeight(value: number | string): 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/textarea.d.ts b/api/@internal/component/ets/textarea.d.ts
deleted file mode 100644
index b2cf605b34497eb245fae0fb80b0a59e9b55c95d..0000000000000000000000000000000000000000
--- a/api/@internal/component/ets/textarea.d.ts
+++ /dev/null
@@ -1,37 +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, Color, Resource} from "./common";
-import {TextAlign, FontWeight, FontStyle} from "./text";
-
-export declare class TextAreaExtend<T> extends TextAreaAttribute<T> {
-}
-
-interface TextArea extends TextAreaAttribute<TextArea> {
-  (options?: {
-      placeholder: string;
-      text: string;
-  }): TextArea;
-}
-
-declare class TextAreaAttribute<T> extends CommonMethod<T> {
-  placeholderColor(value: Color): T;
-  placeholderFont(value:{ size: number, weight: FontWeight, fontFamily: string | Resource, style: FontStyle }): T;
-  textAlign(value: TextAlign): T;
-  caretColor(value: Color): T;
-  onChange(callback: (value: string) => void): T;
-}
-
-export declare const TextAreaInterface: TextArea;
\ No newline at end of file
diff --git a/api/@internal/component/ets/textinput.d.ts b/api/@internal/component/ets/textinput.d.ts
deleted file mode 100644
index 99fb150c81ef92cd8f90480d4a5b8ffc4877f3e5..0000000000000000000000000000000000000000
--- a/api/@internal/component/ets/textinput.d.ts
+++ /dev/null
@@ -1,55 +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, Color, Resource} from "./common";
-import {FontWeight, FontStyle} from "./text";
-
-export declare enum InputType {
-  Normal,
-  Number,
-  Email,
-  Password,
-}
-
-export declare enum EnterKeyType {
-  Go,
-  Search,
-  Send,
-  Next,
-  Done,
-}
-
-export declare class TextInputExtend<T> extends TextInputAttribute<T> {
-}
-
-interface TextInput extends TextInputAttribute<TextInput> {
-  (options?: {
-      placeholder: string;
-      text: string;
-  }): TextInput;
-}
-
-declare class TextInputAttribute<T> extends CommonMethod<T> {
-  type(value: InputType): T;
-  placeholderColor(value: Color): T;
-  placeholderFont(value: { size?: number | string, weight?: number | FontWeight, family?: string, style?: FontStyle}): T;
-  enterKeyType(value: EnterKeyType): T;
-  caretColor(value: Color): T;
-  onEditChanged(callback: (isEditing: boolean) => void): T;
-  onSubmit(callback: (enterKey: EnterKeyType) => void): T;
-  onChange(callback: (value: string) => void): T;
-}
-
-export declare const TextInputInterface: TextInput;
diff --git a/api/@internal/component/ets/toggle.d.ts b/api/@internal/component/ets/toggle.d.ts
index 1840bcdacdd505f38f931b0ea74ae846ce7363bf..742f9ece40c0d9c2f5734415e2fa420f93a23bc8 100644
--- a/api/@internal/component/ets/toggle.d.ts
+++ b/api/@internal/component/ets/toggle.d.ts
@@ -13,25 +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
-}
 
-export declare class ToggleExtend<T> extends ToggleAttribute<T> {
+  /**
+   * Button
+   * @since 8
+   */
+  Button,
 }
 
+/**
+ * @since 8
+ */
 interface Toggle extends ToggleAttribute<Toggle> {
-  (options?: {type: ToggleType, isOn?: boolean}): 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;
-  selectedColor(value: Color): T;
-  swithPointStyle(color: Color): 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
+   */
+  switchPointColor(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..6e41a16cb4a82d45b3cbcd4ec6d04a262693a041
--- /dev/null
+++ b/api/@internal/component/ets/units.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 { 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.
+ * @since 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;
+}
+
+/**
+ * Defines the area property.
+ * @since 8
+ */
+export declare interface Area {
+  /**
+   * Defines the width property.
+   * @since 8
+   */
+  width: Length;
+
+  /**
+   * Defines the height property.
+   * @since 8
+   */
+  height: Length;
+
+  /**
+   * Defines the local position.
+   * @since 8
+   */
+  pos: Position;
+
+  /**
+   * Defines the global position.
+   * @since 8
+   */
+  globalPos: Position;
+}
+
+/**
+ * Defines the position.
+ * @since 8
+ */
+export declare interface Position {
+  /**
+   * Coordinate x of the Position.
+   * @since 8
+   */
+  x: Length;
+  /**
+   * Coordinate y of the Position.
+   * @since 8
+   */
+  y: Length;
+}
diff --git a/api/@internal/component/ets/video.d.ts b/api/@internal/component/ets/video.d.ts
index 3eaa2b2b97a8325475133376052af3126d79c029..403359d85422017080b26ae99423942ec6125b01 100644
--- a/api/@internal/component/ets/video.d.ts
+++ b/api/@internal/component/ets/video.d.ts
@@ -13,46 +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);
-  exitFullscreen();
-}
 
-export declare class VideoExtend<T> extends VideoAttribute<T> {
+  /**
+   * Provides a method to exit full screen playback.
+   * @since 7
+   */
+  exitFullscreen();
 }
 
+/**
+ * @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 circular.
+   * @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;
+
+  /**
+   * 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/datePicker.d.ts b/api/@internal/component/ets/xcomponent.d.ts
similarity index 46%
rename from api/@internal/component/ets/datePicker.d.ts
rename to api/@internal/component/ets/xcomponent.d.ts
index a54d1cd7946b91954760bc9252b4c7beb70f6a99..4bdd70b6fa1121e228ee6be5240a85d0eb3bee77 100644
--- a/api/@internal/component/ets/datePicker.d.ts
+++ b/api/@internal/component/ets/xcomponent.d.ts
@@ -13,33 +13,36 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
+import { CommonMethod } from "./common";
 
-export declare class DatePickerExtend<T> extends DatePickerAttribute<T> {
-}
-
-export declare enum DatePickerType {
-  Time,
-  Date
-}
-
-export interface DatePickerResult {
-  year?: number;
-  month?: number;
-  day?: number;
-  hour?: number;
-  minute?: number;
-  second?: number;
+/**
+ * @since 8
+ */
+interface XComponent extends XComponentAttribute<XComponent> {
+  (value: {
+      id: string;
+      type: string;
+      libraryname: string;
+      source: string;
+  }): XComponent;
 }
 
-interface DatePicker extends DatePickerAttribute<DatePicker> {
-  (options?: {start?: Date, end?: Date, selected?: Date, type?: DatePickerType}): DatePicker;
-}
+/**
+ * @since 8
+ */
+declare class XComponentAttribute<T> extends CommonMethod<T> {
+  /**
+   * Called when judging whether the xcomponent surface is created.
+   * @since 8
+   */
+   onLoad(callback: (event?: {}) => void): T;
 
-declare class DatePickerAttribute<T> extends CommonMethod<T> {
-  lunar(value: boolean): T;
-  useMilitaryTime(value: boolean): T;
-  onChange(callback: (value: DatePickerResult) => void): T;
+  /**
+   * Called when judging whether the xcomponent is destroyed.
+   * @since 8
+   */
+   onDestroy(event: () => void): T;
 }
 
-export declare const DatePickerInterface: DatePicker;
+export declare class XComponentExtend<T> extends XComponentAttribute<T> {}
+export declare const XComponentInterface: XComponent;
diff --git a/api/@internal/ets/lifecycle.d.ts b/api/@internal/ets/lifecycle.d.ts
index 7a7140302eeb59755267f48e659ceea23bbe1ec2..a96e080645cfeb834ea238d257c9f9fd470d7710 100644
--- a/api/@internal/ets/lifecycle.d.ts
+++ b/api/@internal/ets/lifecycle.d.ts
@@ -28,33 +28,33 @@ import { PacMap } from "../ability/dataAbilityHelper";
 
 /**
  * interface of form lifecycle.
+ *
  * @name LifecycleForm
  * @since 7
  * @sysCap AAFwk
- * @devices phone, tablet
- * @permission N/A
+ * @devices phone, tablet, tv, wearable, car
  */
 export declare interface LifecycleForm {
   /**
    * Called to return a {@link formBindingData.FormBindingData} object.
    *
-   * @devices phone, tablet
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
-   * @param want Indicates the detailed information for creating a {@link formBindingData.FormBindingData}.
+   * @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},
+   *               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.
+   * @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
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param formId Indicates the ID of the form.
@@ -65,7 +65,7 @@ export declare interface LifecycleForm {
   /**
    * Called to notify the form provider to update a specified form.
    *
-   * @devices phone, tablet
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param formId Indicates the ID of the form to update.
@@ -76,13 +76,14 @@ export declare interface LifecycleForm {
   /**
    * Called when the form provider receives form events from the system.
    *
-   * @devices phone, tablet
+   * @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 #FORM_VISIBLE}
-   *                   or {@link #FORM_INVISIBLE}. {@link #FORM_VISIBLE} means that the form becomes visible,
-   *                   and {@link #FORM_INVISIBLE} means that the form becomes invisible.
+   *    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;
@@ -91,7 +92,7 @@ export declare interface LifecycleForm {
    * Called when a specified message event defined by the form provider is triggered. This method is valid only for
    * JS forms.
    *
-   * @devices phone, tablet
+   * @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
@@ -106,7 +107,7 @@ export declare interface LifecycleForm {
    * 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
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param formId Indicates the ID of the deleted form.
@@ -120,29 +121,29 @@ export declare interface LifecycleForm {
    * <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
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
-   * @param want Indicates the description of the form for which the {@link 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.
+   * @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
- * @permission N/A
+ * @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
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @return -
@@ -152,7 +153,7 @@ export declare interface LifecycleApp {
   /**
    * Called back when an ability enters the <b>BACKGROUND</b> state.
    *
-   * @devices phone, tablet
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @return -
@@ -162,7 +163,7 @@ export declare interface LifecycleApp {
   /**
    * Called back before an ability is destroyed.
    *
-   * @devices phone, tablet
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @return -
@@ -172,7 +173,7 @@ export declare interface LifecycleApp {
   /**
    * Called back when an ability is started for initialization.
    *
-   * @devices phone, tablet
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @return -
@@ -183,20 +184,21 @@ export declare interface LifecycleApp {
    * 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
+   * @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
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @return Returns {@code true} if the user allows the migration; returns {@code false} otherwise.
@@ -208,7 +210,7 @@ export declare interface LifecycleApp {
    * 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
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param data Indicates the user data to save.
@@ -222,7 +224,7 @@ export declare interface LifecycleApp {
    * <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
+   * @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
@@ -236,7 +238,7 @@ export declare interface LifecycleApp {
    * ability is created on the remote device. Lifecycle scheduling for the ability starts only after the user data
    * is restored.
    *
-   * @devices phone, tablet
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param data Indicates the user data to restore.
@@ -248,28 +250,100 @@ export declare interface LifecycleApp {
    * 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
+   * @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
- * @permission N/A
+ * @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
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @return -
@@ -279,7 +353,7 @@ export declare interface LifecycleService {
   /**
    * Called back when Service is started.
    *
-   * @devices phone, tablet
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param want Indicates the want of Service to start.
@@ -290,10 +364,20 @@ export declare interface LifecycleService {
    */
   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
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param want Indicates connection information about the Service ability.
@@ -304,7 +388,7 @@ export declare interface LifecycleService {
   /**
    * Called back when all abilities connected to a Service ability are disconnected.
    *
-   * @devices phone, tablet
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param want Indicates disconnection information about the Service ability.
@@ -313,29 +397,34 @@ export declare interface LifecycleService {
   onDisconnect?(want: Want): void;
 
   /**
-   * Called back before an ability is destroyed.
+   * 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
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
+   * @param want Indicates the want of the Service ability being connected.
    * @return -
    */
-  onStop?(): void;
+  onReconnect?(want: Want): void;
 }
 
 /**
  * interface of data lifecycle.
+ *
  * @name LifecycleData
  * @since 7
  * @sysCap AAFwk
- * @devices phone, tablet
- * @permission N/A
+ * @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
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param uri Indicates the database table storing the data to update.
@@ -345,12 +434,12 @@ export declare interface LifecycleData {
    * @return Returns the number of data records updated.
    * @return -
    */
-  update?(uri: string, valueBucket: rdb.ValuesBucket, predicates: dataAbility.DataAbilityPredicates): number;
+  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
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param uri Indicates the database table storing the data to query.
@@ -360,12 +449,12 @@ export declare interface LifecycleData {
    *                   default.
    * @return Returns the queried data.
    */
-  query?(uri: string, columns: Array<string>, predicates: dataAbility.DataAbilityPredicates): ResultSet;
+  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
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param uri Indicates the database table storing the data to delete.
@@ -373,14 +462,25 @@ export declare interface LifecycleData {
    *     default.
    * @return Returns the number of data records deleted.
    */
-  delete?(uri: string, predicates: dataAbility.DataAbilityPredicates): number;
+  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
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param uri Indicates the uri to normalize.
@@ -391,20 +491,20 @@ export declare interface LifecycleData {
   /**
    * Inserts multiple data records into the database. This method should be implemented by a Data ability.
    *
-   * @devices phone, tablet
+   * @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.
    */
-  batchInsert?(uri: string, valueBuckets: Array<rdb.ValuesBucket>): number;
+  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
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param uri Indicates the uri to denormalize.
@@ -417,19 +517,19 @@ export declare interface LifecycleData {
   /**
    * Inserts a data record into the database. This method should be implemented by a Data ability.
    *
-   * @devices phone, tablet
+   * @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.
    */
-  insert?(uri: string, valueBucket: rdb.ValuesBucket): number;
+  async insert?(uri: string, valueBucket: rdb.ValuesBucket): number;
 
   /**
    * Opens a file. This method should be implemented by a Data ability.
    *
-   * @devices phone, tablet
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param uri Indicates the path of the file to open.
@@ -439,12 +539,12 @@ export declare interface LifecycleData {
    *     existing data, or "rwt" for read and write access that truncates any existing file.
    * @return Returns the file descriptor.
    */
-  openFile?(uri: string, mode: string): number;
+  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
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param uri Indicates the path of the files to obtain.
@@ -457,10 +557,23 @@ export declare interface LifecycleData {
    */
   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
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param info Indicates the {@code AbilityInfo} object containing information about this ability.
@@ -474,7 +587,7 @@ export declare interface LifecycleData {
    *
    * <p>Data abilities supports general data types, including text, HTML, and JPEG.</p>
    *
-   * @devices phone, tablet
+   * @devices phone, tablet, tv, wearable, car
    * @since 7
    * @sysCap AAFwk
    * @param uri Indicates the uri of the data.
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.featureAbility.d.ts b/api/@ohos.ability.featureAbility.d.ts
index 9a9170e063ce5aeffa4e30aa65db24d543c714c2..bb2d8fe62c5181e1856d340b98303ddbfb48e72c 100644
--- a/api/@ohos.ability.featureAbility.d.ts
+++ b/api/@ohos.ability.featureAbility.d.ts
@@ -19,6 +19,7 @@ import { AbilityResult } from './ability/abilityResult';
 import { Context } from './app/context';
 import { DataAbilityHelper } from './ability/dataAbilityHelper';
 import { ConnectOptions } from './ability/connectOptions';
+import { ContinueAbilityOptions } from './ability/continueAbilityOptions';
 
 /**
  * A Feature Ability represents an ability with a UI and is designed to interact with users.
@@ -142,6 +143,17 @@ declare namespace featureAbility {
   function disconnectAbility(connection: number, callback:AsyncCallback<void>): void;
   function disconnectAbility(connection: number): Promise<void>;
 
+  /**
+   * Migrates this ability to the given device on the same distributed network.
+   * @default -
+   * @devices phone, tablet
+   * @since 7
+   * @sysCap AAFwk
+   * @return -
+   */
+   function continueAbility(options: ContinueAbilityOptions, callback: AsyncCallback<void>): void;
+   function continueAbility(options: ContinueAbilityOptions): Promise<void>;
+
   export enum AbilityWindowConfiguration {
     WINDOW_MODE_UNDEFINED = 0,
     WINDOW_MODE_FULLSCREEN = 1,
diff --git a/api/@ohos.account.appAccount.d.ts b/api/@ohos.account.appAccount.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6eeda3dcf8905dfa6451250015751b94b4229033
--- /dev/null
+++ b/api/@ohos.account.appAccount.d.ts
@@ -0,0 +1,294 @@
+/*
+ * 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 appAccount {
+    /**
+     * Obtains the AppAccountManager instance.
+     * @since 7
+     * @sysCap SystemCapability.Account.AppAccount
+     * @devices phone, tablet, tv, wearable, car
+     * @return Returns the instance of the AppAccountManager.
+     */
+    function createAppAccountManager(): AppAccountManager;
+
+    /**
+     * Provides methods for managing application accounts.
+     * @name AppAccountManager
+     * @since 7
+     * @sysCap SystemCapability.Account.AppAccount
+     * @devices phone, tablet, tv, wearable, car
+     */
+    interface AppAccountManager {
+        /**
+         * Adds the account name and extra information of this application to the account management service.
+         * <p>
+         * Only the owner of the application account has the permission to call this method.
+         *
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
+         * @param name Indicates the name of the application account to add.
+         * @param extraInfo Indicates the extra information of the application account to add.
+         *        The extra information cannot be sensitive information of the application account.
+         * @return void.
+         */
+        addAccount(name: string, callback: AsyncCallback<void>): void;
+        addAccount(name: string, extraInfo: string, callback: AsyncCallback<void>): void;
+        addAccount(name: string, extraInfo?: string): Promise<void>;
+
+        /**
+         * Deletes an application account from the account management service.
+         * <p>
+         * Only the owner of the application account has the permission to call this method.
+         *
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
+         * @param name Indicates the name of the application account to delete.
+         * @return void.
+         */
+        deleteAccount(name: string, callback: AsyncCallback<void>): void;
+        deleteAccount(name: string): Promise<void>;
+
+        /**
+         * Disables a third-party application with the specified bundle name from
+         * accessing the given application account.
+         *
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
+         * @param name Indicates the name of the application account to disable access from
+         *        the third-party application.
+         * @param bundleName Indicates the bundle name of the third-party application.
+         * @return void.
+         */
+        disableAppAccess(name: string, bundleName: string, callback: AsyncCallback<void>): void;
+        disableAppAccess(name: string, bundleName: string): Promise<void>;
+
+        /**
+         * Enables a third-party application with the specified bundle name to access the given application
+         * account for data query and listening.
+         *
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
+         * @param name Indicates the name of the application account.
+         * @param bundleName Indicates the bundle name of the third-party application.
+         * @return void.
+         */
+        enableAppAccess(name: string, bundleName: string, callback: AsyncCallback<void>): void;
+        enableAppAccess(name: string, bundleName: string): Promise<void>;
+
+        /**
+         * Checks whether a specified application account allows application data synchronization.
+         * <p>
+         * If the same OHOS account has logged in to multiple devices, these devices constitute a super device
+         * through the distributed networking. On the networked devices, you can call this method to check
+         * whether application data can be synchronized.
+         * <p>
+         *
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
+         * @param name Indicates the name of the application account.
+         * @return Returns {@code true} if application data synchronization is allowed; returns {@code false} otherwise.
+         * @permission ohos.permission.DISTRIBUTED_DATASYNC.
+         */
+        checkAppAccountSyncEnable(name: string, callback: AsyncCallback<boolean>): void;
+        checkAppAccountSyncEnable(name: string): Promise<boolean>;
+
+        /**
+         * Sets the credential for this application account.
+         *
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
+         * @param name Indicates the name of the application account.
+         * @param credentialType Indicates the type of the credential to set.
+         * @param credential Indicates the credential to set.
+         * @return void.
+         */
+        setAccountCredential(name: string, credentialType: string, credential: string,
+                             callback: AsyncCallback<void>): void;
+        setAccountCredential(name: string, credentialType: string, credential: string): Promise<void>;
+
+        /**
+         * Sets extra information for this application account.
+         * <p>
+         * You can call this method when you forget the extra information of your application account or
+         * need to modify the extra information.
+         *
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
+         * @param name Indicates the name of the application account.
+         * @param extraInfo Indicates the extra information to set.
+         * @return void.
+         */
+        setAccountExtraInfo(name: string, extraInfo: string, callback: AsyncCallback<void>): void;
+        setAccountExtraInfo(name: string, extraInfo: string): Promise<void>;
+
+        /**
+         * Sets whether a specified application account allows application data synchronization.
+         * <p>
+         * If the same OHOS account has logged in to multiple devices, these devices constitute a super device
+         * through the distributed networking. On the networked devices, you can call this method to set whether to
+         * allow cross-device data synchronization. If synchronization is allowed, application data can be synchronized
+         * among these devices in the event of any changes related to the application account.
+         * If synchronization is not allowed, the application data is stored only on the local device.
+         * <p>
+         * <b>Application account-related changes</b>: adding or deleting an application account, setting extra
+         * information (such as updating a token), and setting data associated with this application account
+         * <p>
+         * <b>Application data that can be synchronized</b>: application account name, token,
+         * and data associated with this application account
+         * <p>
+         *
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
+         * @param name Indicates the name of the application account.
+         * @param isEnable Specifies whether to allow application data synchronization.
+         * @return void.
+         * @permission ohos.permission.DISTRIBUTED_DATASYNC.
+         */
+        setAppAccountSyncEnable(name: string, isEnable: boolean, callback: AsyncCallback<void>): void;
+        setAppAccountSyncEnable(name: string, isEnable: boolean): Promise<void>;
+
+        /**
+         * Sets data associated with this application account.
+         *
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
+         * @param name Indicates the name of the application account.
+         * @param key Indicates the key of the data to set. The key can be customized.
+         * @param value Indicates the value of the data to set.
+         * @return void.
+         */
+        setAssociatedData(name: string, key: string, value: string, callback: AsyncCallback<void>): void;
+        setAssociatedData(name: string, key: string, value: string): Promise<void>;
+
+        /**
+         * Obtains information about all accessible accounts.
+         * <p>
+         * This method applies to the following accounts:
+         * <ul>
+         * <li>Accounts of this application.</li>
+         * <li>Accounts of third-party applications. To obtain such information,
+         * your application must have gained authorization from the third-party applications.</li>
+         * </ul>
+         *
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
+         * @return Returns a list of application accounts.
+         * @permission ohos.permission.GET_ACCOUNTS_PRIVILEGED.
+         */
+        getAllAccessibleAccounts(callback: AsyncCallback<Array<AppAccountInfo>>): void;
+        getAllAccessibleAccounts(): Promise<Array<AppAccountInfo>>;
+
+        /**
+         * Obtains information about all accounts of a specified account owner.
+         * <p>
+         * This method applies to the following accounts:
+         * <ul>
+         * <li>Accounts of this application.</li>
+         * <li>Accounts of third-party applications. To obtain such information,
+         * your application must have gained authorization from the third-party applications.</li>
+         * </ul>
+         *
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
+         * @param owner Indicates the account owner of your application or third-party applications.
+         * @return Returns a list of application accounts.
+         * @permission ohos.permission.GET_ACCOUNTS_PRIVILEGED.
+         */
+        getAllAccounts(owner: string, callback: AsyncCallback<Array<AppAccountInfo>>): void;
+        getAllAccounts(owner: string): Promise<Array<AppAccountInfo>>;
+         
+        /**
+         * Obtains the credential of this application account.
+         *
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
+         * @param name Indicates the name of the application account.
+         * @param credentialType Indicates the type of the credential to obtain.
+         * @return Returns the credential of the application account.
+         */
+        getAccountCredential(name: string, credentialType: string, callback: AsyncCallback<string>): void;
+        getAccountCredential(name: string, credentialType: string): Promise<string>;
+
+        /**
+         * Obtains extra information of this application account.
+         *
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
+         * @param name Indicates the name of the application account.
+         * @return Returns the extra information of the account; returns {@code null} in other scenarios,
+         *         for example, if the account does not exist.
+         */
+        getAccountExtraInfo(name: string, callback: AsyncCallback<string>): void;
+        getAccountExtraInfo(name: string): Promise<string>;
+
+        /**
+         * Obtains data associated with this application account.
+         *
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
+         * @param name Indicates the name of the application account.
+         * @param key Indicates the key of the data to obtain.
+         * @return Returns the associated data of the application account.
+         */
+        getAssociatedData(name: string, key: string, callback: AsyncCallback<string>): void;
+        getAssociatedData(name: string, key: string): Promise<string>;
+
+        /**
+         * Subscribes to the change events of accounts of the specified owners.
+         * <p>
+         * When the account owner updates the account, the subscriber will receive a notification
+         * about the account change event.
+         *
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
+         * @param owners Indicates the account owners, which are specified
+         *        by {@link AppAccount#AppAccount(String name, String owner)}.
+         * @return void
+         */
+        on(type: 'change', owners: Array<string>, callback: Callback<Array<AppAccountInfo>>): void;
+
+        /**
+         * Unsubscribes from account events.
+         *
+         * @since 7
+         * @devices phone, tablet, tv, wearable, car
+         * @return void
+         */
+        off(type: 'change', callback?: Callback<void>): void;
+    }
+
+    /**
+     * Provides basic information of an application account, including the account owner and name.
+     * @name AppAccountInfo
+     * @since 7
+     * @sysCap SystemCapability.Account.AppAccount
+     * @devices phone, tablet, tv, wearable, car
+     */
+    interface AppAccountInfo {
+        /**
+         * The owner an application account.
+         */
+        owner: string;
+
+        /**
+         * The name an application account.
+         */
+        name: string;
+    }
+}
+
+export default appAccount;
\ 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.bundle.d.ts b/api/@ohos.bundle.d.ts
index d63c553cd36b2782a8af95f2d8be6aa0bf9e7782..2c977e8e71e615a7cd8009efdec10c20dd6c8756 100644
--- a/api/@ohos.bundle.d.ts
+++ b/api/@ohos.bundle.d.ts
@@ -43,7 +43,23 @@ declare namespace bundle {
   enum BundleFlag {
     GET_BUNDLE_DEFAULT = 0x00000000,
     GET_BUNDLE_WITH_ABILITIES = 0x00000001,
+    GET_ABILITY_INFO_WITH_PERMISSION = 0x00000002,
+    GET_ABILITY_INFO_WITH_APPLICATION = 0x00000004,
     GET_APPLICATION_INFO_WITH_PERMISSION = 0x00000008,
+    GET_BUNDLE_WITH_REQUESTED_PERMISSION = 0x00000010,
+    GET_ALL_APPLICATION_INFO = 0xFFFF0000,
+    /**
+      * @since 8
+      */
+    GET_ABILITY_INFO_WITH_METADATA = 0x00000020,
+    /**
+      * @since 8
+      */
+    GET_APPLICATION_INFO_WITH_METADATA = 0x00000040,
+    /**
+      * @since 8
+      */
+    GET_ABILITY_INFO_SYSTEMAPP_ONLY = 0x00000080,
   }
 
 /**
@@ -194,6 +210,7 @@ declare namespace bundle {
     STATUS_UNINSTALL_FAILURE_CONFLICT = 10,
     STATUS_INSTALL_FAILURE_DOWNLOAD_TIMEOUT = 0x0B,
     STATUS_INSTALL_FAILURE_DOWNLOAD_FAILED = 0x0C,
+    STATUS_RECOVER_FAILURE_INVALID = 0x0D,
     STATUS_ABILITY_NOT_FOUND = 0x40,
     STATUS_BMS_SERVICE_ERROR = 0x41
   }
@@ -270,7 +287,8 @@ declare namespace bundle {
    * @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>>;
+  function queryAbilityByWant(want: Want, bundleFlags: 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.
@@ -360,6 +378,50 @@ declare namespace bundle {
    */
   function getModuleUsageRecords(maxNum: number, callback: AsyncCallback<Array<ModuleUsageRecord>>): void;
   function getModuleUsageRecords(maxNum: number): Promise<Array<ModuleUsageRecord>>;
+
+  /**
+   * Clears cache data of a specified application.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @param bundleName Indicates the bundle name of the application whose cache data is to be cleared.
+   * @param callback Indicates the callback to be invoked for returning the operation result.
+   * @permission ohos.permission.REMOVE_CACHE_FILES
+   * @systemapi Hide this for inner system use
+   */
+  function cleanBundleCacheFiles(bundleName: string, callback: AsyncCallback<void>): void;
+  function cleanBundleCacheFiles(bundleName: string): Promise<void>;
+
+  /**
+   * Sets whether to enable a specified application.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @param bundleName Indicates the bundle name of the application.
+   * @param isEnabled Specifies whether to enable the application. The value true means to enable it, and the
+   *                  value false means to disable it.
+   * @permission ohos.permission.CHANGE_ABILITY_ENABLED_STATE
+   * @systemapi Hide this for inner system use
+   */
+  function setApplicationEnabled(bundleName: string, isEnable: boolean, callback: AsyncCallback<void>): void;
+  function setApplicationEnabled(bundleName: string, isEnable: boolean): Promise<void>;
+
+  /**
+   * Sets whether to enable a specified ability.
+   *
+   * @devices phone, tablet, tv, wearable, car
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @param abilityInfo Indicates information about the ability to set.
+   * @param isEnabled Specifies whether to enable the ability. The value true means to enable it, and the
+   *                  value false means to disable it..
+   * @permission ohos.permission.CHANGE_ABILITY_ENABLED_STATE
+   * @systemapi Hide this for inner system use
+   */
+  function setAbilityEnabled(info: AbilityInfo, isEnable: boolean, callback: AsyncCallback<void>): void;
+  function setAbilityEnabled(info: AbilityInfo, isEnable: boolean): Promise<void>;
 }
 
-export default bundle;
+export default bundle;
\ No newline at end of file
diff --git a/api/@ohos.bundle.innerBundleManager.d.ts b/api/@ohos.bundle.innerBundleManager.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1485e16ec96802bad507590d16d080233b5f4de3
--- /dev/null
+++ b/api/@ohos.bundle.innerBundleManager.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.
+ */
+
+import { AsyncCallback, Callback } from './basic';
+import { BundleStatusCallback } from './bundle/bundleStatusCallback';
+import { LauncherAbilityInfo} from './bundle/launcherAbilityInfo';
+import { ShortcutInfo } from './bundle/shortcutInfo';
+
+/**
+ * inner bundle manager.
+ * @name innerBundleManager
+ * @since 8
+ * @sysCap SystemCapability.Appexecfwk
+ * @devices phone, tablet, tv, wearable
+ * @permission NA
+ * @systemapi Hide this for inner system use
+ */
+
+declare namespace innerBundleManager {
+  /**
+   * Obtains based on a given bundleName and userId.
+   *
+   * @devices phone, tablet, tv, wearable
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @param bundleName Indicates the application bundle name to be queried.
+   * @param userId Indicates the id for the user.
+   * @return Returns the LauncherAbilityInfo object.
+   * @permission ohos.permission.GET_BUNDLE_INFO_PRIVILEGED
+   * @systemapi Hide this for inner system use
+   */
+  function getLauncherAbilityInfos(bundleName: string, userId: number, callback: AsyncCallback<Array<LauncherAbilityInfo>>) : void;
+  function getLauncherAbilityInfos(bundleName: string, userId: number) : Promise<Array<LauncherAbilityInfo>>;
+
+  /**
+   * Register Callback.
+   *
+   * @devices phone, tablet, tv, wearable
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @param type Indicates the command should be implement.
+   * @param LauncherStatusCallback Indicates the callback to be register.
+   * @return Returns the result or error maeeage.
+   * @permission ohos.permission.LISTEN_BUNDLE_CHANGE
+   * @systemapi Hide this for inner system use
+   */
+  function on(type:"BundleStatusChange", bundleStatusCallback : BundleStatusCallback, callback: AsyncCallback<string>) : void;
+  function on(type:"BundleStatusChange", bundleStatusCallback : BundleStatusCallback): Promise<string>;
+
+  /**
+   * UnRegister Callback.
+   *
+   * @devices phone, tablet, tv, wearable
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @param type Indicates the command should be implement.
+   * @return Returns the result or error maeeage.
+   * @permission ohos.permission.LISTEN_BUNDLE_CHANGE
+   * @systemapi Hide this for inner system use
+   */
+  function off(type:"BundleStatusChange", callback: AsyncCallback<string>) : void;
+  function off(type:"BundleStatusChange"): Promise<string>;
+
+  /**
+   * Obtains based on a given userId.
+   *
+   * @devices phone, tablet, tv, wearable
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @param userId Indicates the id for the user.
+   * @return Returns the LauncherAbilityInfo object.
+   * @permission ohos.permission.GET_BUNDLE_INFO_PRIVILEGED
+   * @systemapi Hide this for inner system use
+   */
+  function getAllLauncherAbilityInfos(userId: number, callback: AsyncCallback<Array<LauncherAbilityInfo>>) : void;
+  function getAllLauncherAbilityInfos(userId: number) : Promise<Array<LauncherAbilityInfo>>;
+
+  /**
+   * Obtains based on a given bundleName.
+   *
+   * @devices phone, tablet, tv, wearable
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @param bundleName Indicates the application bundle name to be queried.
+   * @return Returns the LauncherShortcutInfo object.
+   * @permission ohos.permission.GET_BUNDLE_INFO_PRIVILEGED
+   * @systemapi Hide this for inner system use
+   */
+  function getShortcutInfos(bundleName :string, callback: AsyncCallback<Array<ShortcutInfo>>) : void;
+  function getShortcutInfos(bundleName : string) : Promise<Array<ShortcutInfo>>;
+}
+
+export default innerBundleManager;
\ No newline at end of file
diff --git a/api/@ohos.commonEvent.d.ts b/api/@ohos.commonEvent.d.ts
index 19d056ce6d8883244e5390d23838e2e02ec08ce7..c3dc0d5b8f9cb41a02e9375c8097a16ba97aedca 100644
--- a/api/@ohos.commonEvent.d.ts
+++ b/api/@ohos.commonEvent.d.ts
@@ -886,4 +886,4 @@ declare namespace commonEvent {
   }
 }
 
-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
index 76aabb8bd3db4436275bbcccbb5ed1bcec691dfc..a2bf9e1937589a22c5b1046052a2465471a3732e 100644
--- a/api/@ohos.data.dataAbility.d.ts
+++ b/api/@ohos.data.dataAbility.d.ts
@@ -15,28 +15,47 @@
 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.
-     * @since 7
      */
-    function createRdbPredicates(name: string, dataAbilityPredicates: DataAbilityPredicates) : rdb.RdbPredicates;
+    function createRdbPredicates(name: string, dataAbilityPredicates: DataAbilityPredicates): rdb.RdbPredicates;
 
     /**
      * Manages relational database configurations.
      *
-     * @Syscap SystemCapability.Data.DATA_APPDATAMGR
-     * @version 7
+     * @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.
@@ -47,8 +66,10 @@ declare namespace dataAbility {
          * Configures the DataAbilityPredicates to match the field whose data type is ValueType and value is unequal to
          * a specified value.
          *
-         * This method is similar to != of the SQL statement.
-         *
+         * @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.
@@ -58,9 +79,10 @@ declare namespace dataAbility {
         /**
          * Adds a left parenthesis to the DataAbilityPredicates.
          *
-         * This method is similar to ( of the SQL statement and needs to be used together
-         * with endWrap().
-         *
+         * @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;
@@ -68,9 +90,11 @@ declare namespace dataAbility {
         /**
          * Adds a right parenthesis to the DataAbilityPredicates.
          *
-         * This method is similar to ) of the SQL statement and needs to be used together
+         * @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;
@@ -78,8 +102,10 @@ declare namespace dataAbility {
         /**
          * Adds an or condition to the DataAbilityPredicates.
          *
-         * This method is similar to or of the SQL statement.
-         *
+         * @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;
@@ -87,8 +113,10 @@ declare namespace dataAbility {
         /**
          * Adds an and condition to the DataAbilityPredicates.
          *
-         * This method is similar to and of the SQL statement.
-         *
+         * @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;
@@ -97,8 +125,10 @@ declare namespace dataAbility {
          * Configures the DataAbilityPredicates to match the field whose data type is string and value
          * contains a specified value.
          *
-         * This method is similar to contains of the SQL statement.
-         *
+         * @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.
@@ -109,8 +139,10 @@ declare namespace dataAbility {
          * Configures the DataAbilityPredicates to match the field whose data type is string and value starts
          * with a specified string.
          *
-         * This method is similar to value% of the SQL statement.
-         *
+         * @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.
@@ -121,8 +153,10 @@ declare namespace dataAbility {
          * Configures the DataAbilityPredicates to match the field whose data type is string and value
          * ends with a specified string.
          *
-         * This method is similar to %value of the SQL statement.
-         *
+         * @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.
@@ -132,8 +166,10 @@ declare namespace dataAbility {
         /**
          * Configures the DataAbilityPredicates to match the fields whose value is null.
          *
-         * This method is similar to is null of the SQL statement.
-         *
+         * @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.
          */
@@ -142,8 +178,10 @@ declare namespace dataAbility {
         /**
          * Configures the DataAbilityPredicates to match the specified fields whose value is not null.
          *
-         * This method is similar to is not null of the SQL statement.
-         *
+         * @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.
          */
@@ -153,8 +191,10 @@ declare namespace dataAbility {
          * Configures the DataAbilityPredicates to match the fields whose data type is string and value is
          * similar to a specified string.
          *
-         * This method is similar to like of the SQL statement.
-         *
+         * @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).
@@ -166,18 +206,23 @@ declare namespace dataAbility {
          * Configures DataAbilityPredicates to match the specified field whose data type is string and the value contains
          * a wildcard.
          *
-         * Different from like, the input parameters of this method are case-sensitive.
-         *
+         * @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.
@@ -189,17 +234,24 @@ declare namespace dataAbility {
          * 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.
@@ -209,6 +261,10 @@ declare namespace dataAbility {
         /**
          * 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.
@@ -218,6 +274,10 @@ declare namespace dataAbility {
         /**
          * 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.
@@ -227,6 +287,10 @@ declare namespace dataAbility {
         /**
          * 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.
@@ -237,6 +301,10 @@ declare namespace dataAbility {
          * 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.
          */
@@ -246,6 +314,10 @@ declare namespace dataAbility {
          * 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.
          */
@@ -254,6 +326,10 @@ declare namespace dataAbility {
         /**
          * 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;
@@ -261,6 +337,10 @@ declare namespace dataAbility {
         /**
          * 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.
@@ -270,31 +350,36 @@ declare namespace dataAbility {
         /**
          * Configures DataAbilityPredicates to specify the start position of the returned result.
          *
-         * Use this method together with limit(int).
-         *
+         * @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.
          *
-         * Before using this method, you need to create an 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;
 
@@ -302,10 +387,13 @@ declare namespace dataAbility {
          * 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;
 
@@ -313,6 +401,10 @@ declare namespace dataAbility {
          * 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.
@@ -321,6 +413,11 @@ declare namespace dataAbility {
     }
     /**
      * 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;
 }
diff --git a/api/@ohos.data.distributedData.d.ts b/api/@ohos.data.distributedData.d.ts
index efd0a34d36c21c7c676f9bdac9570e48315f832f..0a8166b5caaa5ee7222f603e14f1b86a596976b8 100644
--- a/api/@ohos.data.distributedData.d.ts
+++ b/api/@ohos.data.distributedData.d.ts
@@ -14,23 +14,43 @@
  */
 
 import { AsyncCallback, Callback } from './basic';
+/**
+ * Providers interfaces to creat a {@link KVManager} istances.
+ * @since 7
+ * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+ * @devices phone, tablet, tv, wearable, car
+ * @import N/A
+ * @permission N/A
+ */
 
 declare namespace distributedData {
     /**
      * Provides configuration information for {@link KVManager} instances,
      * including the caller's package name and distributed network type.
-     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
-     * @devices phone, tablet
      * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
      */
     interface KVManagerConfig {
         /**
          * Indicates the user information
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
          */
         userInfo: UserInfo;
 
         /**
          * Indicates the bundleName
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
          */
         bundleName: string;
     }
@@ -41,59 +61,121 @@ declare namespace distributedData {
      * <p>This class provides methods for obtaining the user ID and type, setting the user ID and type,
      * and checking whether two users are the same.
      *
-     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
      * @since 7
+     * @SYscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
      */
     interface UserInfo {
-        /** Indicates the user ID to set */
+        /** 
+         * Indicates the user ID to set 
+         * @since 7
+         * @SYscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         userId?: string;
 
-        /** Indicates the user type to set */
+        /** 
+         * Indicates the user type to set 
+         * @since 7
+         * @SYscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         userType?: UserType;
     }
 
     /**
      * Enumerates user types.
      *
-     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
      * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
      */
     enum UserType {
-        /** Indicates a user that logs in to different devices using the same account. */
+        /** 
+         * Indicates a user that logs in to different devices using the same account. 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         SAME_USER_ID = 0
     }
 
     /**
      * KVStore constants
+     * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A 
      */
     namespace Constants {
         /**
-        * max key length.
-        */
+         * max key length.
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         const MAX_KEY_LENGTH = 1024;
 
         /**
          * max value length.
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
          */
         const MAX_VALUE_LENGTH = 4194303;
 
         /**
          * max device coordinate key length.
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
          */
         const MAX_KEY_LENGTH_DEVICE = 896;
 
         /**
          * max store id length.
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
          */
         const MAX_STORE_ID_LENGTH = 128;
 
         /**
          * max query length.
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
          */
         const MAX_QUERY_LENGTH = 512000;
 
         /**
          * max batch operation size.
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
          */
         const MAX_BATCH_SIZE = 128;
     }
@@ -104,55 +186,133 @@ declare namespace distributedData {
      * <p>{@code ValueType} is obtained based on the value.
      *
      * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
      */
     enum ValueType {
-        /** Indicates that the value type is string. */
+        /** 
+         * Indicates that the value type is string. 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         STRING = 0,
 
-        /** Indicates that the value type is int. */
+        /**
+         * Indicates that the value type is int. 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         INTEGER = 1,
 
-        /** Indicates that the value type is float. */
+        /** 
+         * Indicates that the value type is float. 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         FLOAT = 2,
 
-        /** Indicates that the value type is byte array. */
+        /** 
+         * Indicates that the value type is byte array. 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A 
+         * */
         BYTE_ARRAY = 3,
 
-        /** Indicates that the value type is boolean. */
+        /** 
+         * Indicates that the value type is boolean. 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         * */
         BOOLEAN = 4,
 
-        /** Indicates that the value type is double. */
+        /** 
+         * Indicates that the value type is double. 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         DOUBLE = 5
     }
 
     /**
      * Obtains {@code Value} objects stored in a {@link KVStore} database.
      *
-     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
-     * @devices phone, tablet
      * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
      */
     interface Value {
         /**
          * Indicates value type
-         *
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
          * @see ValueType
          * @type {number}
          * @memberof Value
          */
         type: ValueType;
+        /**
+         * Indicates value
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         value: Uint8Array | string | number | boolean;
     }
 
     /**
      * Provides key-value pairs stored in the distributed database.
      *
-     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
-     * @devices phone, tablet
      * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
      */
     interface Entry {
+        /**
+         * Indicates key
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         key: string;
+        /**
+         * Indicates value
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         value: Value;
     }
 
@@ -162,82 +322,190 @@ declare namespace distributedData {
      * <p>If you have subscribed to {@code KVStore}, you will receive data change notifications and obtain the changed data
      * from the parameters in callback methods upon data insertion, update, or deletion.
      *
-     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
-     * @devices phone, tablet
      * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
      */
     interface ChangeNotification {
-        /** Indicates data addition records. */
+        /** 
+         * Indicates data addition records. 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         insertEntries: Entry[];
-        /** Indicates data update records. */
+        /** 
+         * Indicates data update records.
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         updateEntries: Entry[];
-        /** Indicates data deletion records. */
+        /** 
+         * Indicates data deletion records. 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A 
+         */
         deleteEntries: Entry[];
-        /** Indicates from device id. */
+        /**
+         * Indicates from device id.
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         deviceId: string;
     }
 
     /**
      * Indicates the database synchronization mode.
      *
-     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
      * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
      */
     enum SyncMode {
-        /** Indicates that data is only pulled from the remote end. */
+        /** 
+         * Indicates that data is only pulled from the remote end.
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         PULL_ONLY = 0,
-        /** Indicates that data is only pushed from the local end. */
+        /** 
+         * Indicates that data is only pushed from the local end. 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         PUSH_ONLY = 1,
-        /** Indicates that data is pushed from the local end, and then pulled from the remote end. */
+        /** 
+         * Indicates that data is pushed from the local end, and then pulled from the remote end. 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         PUSH_PULL = 2
     }
 
     /**
      * Describes the subscription type.
      *
-     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
-     * @devices phone, tablet
      * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
      */
     enum SubscribeType {
-        /** Subscription to local data changes */
+        /** 
+         * Subscription to local data changes 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+        */
         SUBSCRIBE_TYPE_LOCAL = 0,
 
-        /** Subscription to remote data changes */
+        /** 
+         * Subscription to remote data changes 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+        */
         SUBSCRIBE_TYPE_REMOTE = 1,
 
-        /** Subscription to both local and remote data changes */
+        /** 
+         * Subscription to both local and remote data changes 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         SUBSCRIBE_TYPE_ALL = 2,
     }
 
     /**
      * Describes the {@code KVStore} type.
      *
-     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
      * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
      */
     enum KVStoreType {
-        /** Device-collaborated database, as specified by {@code DeviceKVStore} */
+        /** 
+         * Device-collaborated database, as specified by {@code DeviceKVStore} 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         DEVICE_COLLABORATION = 0,
 
-        /** Single-version database, as specified by {@code SingleKVStore} */
+        /** 
+         * Single-version database, as specified by {@code SingleKVStore} 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         SINGLE_VERSION = 1,
 
-        /** Multi-version database, as specified by {@code MultiKVStore} */
+        /** 
+         * Multi-version database, as specified by {@code MultiKVStore} 
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         MULTI_VERSION = 2,
     }
 
     /**
      * Describes the {@code KVStore} type.
      *
-     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
      * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
      */
     enum SecurityLevel {
         /**
          * NO_LEVEL: mains not set the security level.
          *
          * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
          */
         NO_LEVEL = 0,
 
@@ -246,6 +514,10 @@ declare namespace distributedData {
          * There is no impact even if the data is leaked.
          *
          * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
          */
         S0 = 1,
 
@@ -254,6 +526,10 @@ declare namespace distributedData {
          * There are some low impact, when the data is leaked.
          *
          * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
          */
         S1 = 2,
 
@@ -262,6 +538,10 @@ declare namespace distributedData {
          * There are some major impact, when the data is leaked.
          *
          * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
          */
         S2 = 3,
 
@@ -270,6 +550,10 @@ declare namespace distributedData {
          * There are some severity impact, when the data is leaked.
          *
          * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
          */
         S3 = 5,
 
@@ -278,6 +562,10 @@ declare namespace distributedData {
          * There are some critical impact, when the data is leaked.
          *
          * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
          */
         S4 = 6,
     }
@@ -288,18 +576,578 @@ declare namespace distributedData {
      * <p>You can determine whether to create another database if a {@code KVStore} database is missing,
      * whether to encrypt the database, and the database type.
      *
-     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
      * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
      */
     interface Options {
+        /**
+         * Indicates whether to createa database when the database file does not exist
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         createIfMissing?: boolean;
+        /**
+         * Indicates setting whether database files are encrypted
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         encrypt?: boolean;
+        /**
+         * Indicates setting whether to back up database files
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         backup?: boolean;
+        /**
+         * Indicates setting whether database files are automatically synchronized
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         autoSync?: boolean;
+        /**
+         * Indicates setting the databse type
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         kvStoreType?: KVStoreType;
+        /**
+         * Indicates setting the database security level
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @permission N/A
+         */
         securityLevel?: SecurityLevel;
     }
 
+    /**
+     * Represents a node of a {@link Schema} instance.
+     * 
+     * <p>Through the {@link Schema} instance, you can define the fields contained in the values stored in a database.
+     * 
+     * <p>A FieldNode of the {@link Schema} instance is either a leaf or a non-leaf node.
+     * 
+     * <p>The leaf node must have a value; the non-leaf node must have a child {@code FieldNode}.
+     * 
+     * @since 8
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
+     */
+    interface FieldNode {
+        /**
+         * Adds a child node to this {@code FieldNode}.
+         * 
+         * <p>Adding a child node makes this node a non-leaf node. Field value will be ignored if it has child node.
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param child The field node to append. 
+         * @returns Returns true if the child node is successfully added to this {@code FieldNode}; returns false otherwise.
+         */
+        appendChild(child: FieldNode): boolean;
+        /**
+         * Obtains the field name.
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car 
+         * @returns Returns the field name.
+         */
+        toJson(): string;
+    }
+
+    /**
+     * Provide methods to obtain the result set of the {@code KvStore} database.
+     * 
+     * <p>The result set is created by using the {@code getResultSet} method in the {@code DeviceKvStore} class. This interface also provides
+     * methods for moving the data read position in the result set.
+     * 
+     * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
+     */
+    interface KvStoreResultSet {
+        /**
+         * Obtains the number of lines in a result set.
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @returns Returns the number of lines.
+         */
+        getCount(): number;
+        /**
+         * Obtains the current read position in a result set.
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @returns Returns the current read position. The read position starts with 0.
+         */
+        getPosition(): number;
+        /**
+         * Moves the read position to the first line.
+         * 
+         * <p>If the result set is empty, false is returned.
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @returns Returns true if the operation succeeds; return false otherwise.
+         */
+        moveToFirst(): boolean;
+        /**
+         * Moves the read position to the last line.
+         * 
+         * <p>If the result set is empty, false is returned.
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @returns Returns true if the operation succeeds; return false otherwise.
+         */
+        moveToLast(): boolean;
+        /**
+         * Moves the read position to the next line.
+         * 
+         * <p>If the result set is empty or the data in the last line is being read, false is returned.
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @returns Returns true if the operation succeeds; return false otherwise.
+         */
+        moveToNext(): boolean;
+        /**
+         * Moves the read position to the previous line.
+         * 
+         * <p>If the result set is empty or the data in the first line is being read, false is returned.
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @returns Returns true if the operation succeeds; return false otherwise.
+         */
+        moveToPrevious(): boolean;
+        /**
+         * Moves the read position by a relative offset to the current position.
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param offset Indicates the relative offset to the current position. Anegative offset indicates moving backwards, and a
+         * positive offset indicates moving forewards. Forexample, if the current position is entry 1 and thisoffset is 2,
+         * the destination position will be entry 3; ifthe current position is entry 3 and this offset is -2,
+         * the destination position will be entry 1. The valid final position after moving forwards starts with 0. If the
+         * final position is invalid, false will be returned.
+         * @returns Returns true if the operation succeeds; return false otherwise.
+         */
+        move(offset: number): boolean;
+        /**
+         * Moves the read position from 0 to an absolute position.
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param position Indicates the absolute position.
+         * @returns Returns true if the operation succeeds; return false otherwise.
+         */
+        moveToPosition(position: number): boolean;
+        /**
+         * Checks whether the read position is the first line.
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @returns Returns true if the read position is the first line; returns false otherwise.
+         */
+        isFirst(): boolean;
+        /**
+         * Checks whether the read position is the last line.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @returns Returns true if the read position is the last line; returns false otherwise.
+         */
+        isLast(): boolean;
+        /**
+         * Checks whether the read position is before the last line.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @returns Returns true if the read position is before the first line; returns false otherwise.
+         */
+        isBeforeFirst(): boolean;
+        /**
+         * Checks whether the read position is after the last line.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @returns Returns true if the read position is after the last line; returns false otherwise. 
+         */
+        isAfterLast(): boolean;
+        /**
+         * Obtains a key-value pair.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @returns Returns a key-value pair.
+         */
+        getEntry(): Entry;
+    }
+
+    /**
+     * Represents a database query using a predicate.
+     * 
+     * <p>This class provides a constructor used to create a {@code Query} instance, which is used to query data matching specified
+     * conditions in the database.
+     * 
+     * <p>This class also provides methods for adding predicates to the {@code Query} instance.
+     * 
+     * @since 8
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
+     */
+    interface Query {
+        /**
+         * Resets this {@code Query} object.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @returns Returns the reset {@code Query} object.
+         */
+        reset(): Query;
+        /**
+         * Constructs a {@code Query} object to query entries with the specified field whose value is equal to the specified long value.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @param field Indicates the field, which must start with $. and cannot contain ^.
+         * @param value IIndicates the long value.
+         * @returns Returns the {@coed Query} object.
+         * @throws Throws this exception if input is invalid.
+         */
+        equalTo(field: string, value: number|string|boolean): Query;
+        /**
+         * Constructs a {@code Query} object to query entries with the specified field whose value is not equal to the specified int value.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @param field Indicates the field, which must start with $. and cannot contain ^.
+         * @param value Indicates the int value.
+         * @returns Returns the {@coed Query} object.
+         * @throws Throws this exception if input is invalid.
+         */
+        notEqualTo(field: string, value: number|string|boolean): Query;
+        /**
+         * Constructs a {@code Query} object to query entries with the specified field whose value is greater than or equal to the
+         * specified int value.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @param field Indicates the field, which must start with $. and cannot contain ^.
+         * @param value Indicates the int value.
+         * @returns Returns the {@coed Query} object.
+         * @throws Throws this exception if input is invalid.
+         */
+        greaterThan(field: string, value: number|string|boolean): Query;
+        /**
+         * Constructs a {@code Query} object to query entries with the specified field whose value is less than the specified int value.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A 
+         * @param field Indicates the field, which must start with $. and cannot contain ^.
+         * @param value Indicates the int value.
+         * @returns Returns the {@coed Query} object.
+         * @throws Throws this exception if input is invalid.
+         */
+        lessThan(field: string, value: number|string): Query;
+        /**
+         * Constructs a {@code Query} object to query entries with the specified field whose value is greater than or equal to the
+         * specified int value.
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A  
+         * @param field Indicates the field, which must start with $. and cannot contain ^.
+         * @param value Indicates the int value.
+         * @returns Returns the {@coed Query} object.
+         * @throws Throws this exception if input is invalid.
+         */
+        greaterThanOrEqualTo(field: string, value: number|string): Query;
+        /**
+         * Constructs a {@code Query} object to query entries with the specified field whose value is less than or equal to the
+         * specified int value.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A  
+         * @param field Indicates the field, which must start with $. and cannot contain ^.
+         * @param value Indicates the int value.
+         * @returns Returns the {@coed Query} object. 
+         * @throws Throws this exception if input is invalid.
+         */
+        lessThanOrEqualTo(field: string, value: number|string): Query;
+        /**
+         * Constructs a {@code Query} object to query entries with the specified field whose value is null.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A   
+         * @param field Indicates the field, which must start with $. and cannot contain ^.
+         * @returns Returns the {@coed Query} object.  
+         * @throws Throws this exception if input is invalid.
+         */
+        isNull(field: string): Query;
+        /**
+         * Constructs a {@code Query} object to query entries with the specified field whose value is within the specified int value list.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A 
+         * @param field Indicates the field, which must start with $. and cannot contain ^.
+         * @param valueList Indicates the int value list.
+         * @returns Returns the {@coed Query} object. 
+         * @throws Throws this exception if input is invalid.
+         */
+        inNumber(field: string, valueList: number[]): Query;
+        /**
+         * Constructs a {@code Query} object to query entries with the specified field whose value is within the specified string value list.
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A 
+         * @param field Indicates the field, which must start with $. and cannot contain ^.
+         * @param valueList Indicates the string value list.
+         * @returns Returns the {@coed Query} object. 
+         * @throws Throws this exception if input is invalid.
+         */
+        inString(field: string, valueList: string[]): Query;
+        /**
+         * Constructs a {@code Query} object to query entries with the specified field whose value is not within the specified int value list.
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A 
+         * @param field Indicates the field, which must start with $. and cannot contain ^.
+         * @param valueList Indicates the int value list.
+         * @returns Returns the {@coed Query} object.
+         * @throws Throws this exception if input is invalid. 
+         */
+        notInNumber(field: string, valueList: number[]): Query;
+        /**
+         * Constructs a {@code Query} object to query entries with the specified field whose value is not within the specified string value list.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A 
+         * @param field Indicates the field, which must start with $. and cannot contain ^.
+         * @param valueList Indicates the string value list.
+         * @returns Returns the {@coed Query} object. 
+         * @throws Throws this exception if input is invalid. 
+         */
+        notInString(field: string, valueList: string[]): Query;
+        /**
+         * Constructs a {@code Query} object to query entries with the specified field whose value is similar to the specified string value.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A 
+         * @param field Indicates the field, which must start with $. and cannot contain ^.
+         * @param value Indicates the string value.
+         * @returns Returns the {@coed Query} object.  
+         * @throws Throws this exception if input is invalid. 
+         */
+        like(field: string, value: string): Query;
+        /**
+         * Constructs a {@code Query} object to query entries with the specified field whose value is not similar to the specified string value.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A 
+         * @param field Indicates the field, which must start with $. and cannot contain ^.
+         * @param value Indicates the string value.
+         * @returns Returns the {@coed Query} object.  
+         * @throws Throws this exception if input is invalid. 
+         */
+        unlike(field: string, value: string): Query;
+        /**
+         * Constructs a {@code Query} object with the and condition.
+         * 
+         * <p>Multiple predicates should be connected using the and or or condition.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A 
+         * @returns Returns the {@coed Query} object. 
+         */
+        and(): Query;
+        /**
+         * Constructs a {@code Query} object with the or condition.
+         * 
+         * <p>Multiple predicates should be connected using the and or or condition.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A 
+         * @returns Returns the {@coed Query} object. 
+         */
+        or(): Query;
+        /**
+         * Constructs a {@code Query} object to sort the query results in ascending order.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A 
+         * @param field Indicates the field, which must start with $. and cannot contain ^.
+         * @returns Returns the {@coed Query} object. 
+         * @throws Throws this exception if input is invalid. 
+         */
+        orderByAsc(field: string): Query;
+        /**
+         * Constructs a {@code Query} object to sort the query results in descending order.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A 
+         * @param field Indicates the field, which must start with $. and cannot contain ^.
+         * @returns Returns the {@coed Query} object.
+         * @throws Throws this exception if input is invalid. 
+         */
+        orderByDesc(field: string): Query;
+        /**
+         * Constructs a {@code Query} object to specify the number of results and the start position.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A  
+         * @param total Indicates the number of results.
+         * @param offset Indicates the start position.
+         * @returns Returns the {@coed Query} object.
+         */
+        limit(total: number, offset: number): Query;
+        /**
+         * Creates a {@code query} condition with a specified field that is not null.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A  
+         * @param field Indicates the specified field.
+         * @returns Returns the {@coed Query} object.
+         * @throws Throws this exception if input is invalid. 
+         */
+        isNotNull(field: string): Query;
+        /**
+         * Creates a query condition group with a left bracket.
+         * 
+         * <p>Multiple query conditions in an {@code Query} object can be grouped. The query conditions in a group can be used as a
+         * whole to combine with other query conditions.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @returns Returns the {@coed Query} object.
+         */
+        beginGroup(): Query;
+        /**
+         * Creates a query condition group with a right bracket.
+         * 
+         * <p>Multiple query conditions in an {@code Query} object can be grouped. The query conditions in a group can be used as a
+         * whole to combine with other query conditions.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @returns Returns the {@coed Query} object.
+         */
+        endGroup(): Query;
+        /**
+         * Creates a query condition with a specified key prefix.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @param prefix Indicates the specified key prefix.
+         * @returns Returns the {@coed Query} object.
+         * @throws Throws this exception if input is invalid. 
+         */
+        prefixKey(prefix: string): Query;
+        /**
+         * Sets a specified index that will be preferentially used for query.
+         *
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @param index Indicates the index to set.
+         * @returns Returns the {@coed Query} object.
+         * @throws Throws this exception if input is invalid. 
+         */
+        setSuggestIndex(index: string): Query;
+    }
+
     /**
      * Represents a key-value distributed database and provides methods for adding, deleting, modifying, querying,
      * and subscribing to distributed data.
@@ -308,20 +1156,29 @@ declare namespace distributedData {
      * with input parameter {@code Options}. Distributed database types are defined in {@code KVStoreType},
      * including {@code SingleKVStore}.
      *
-     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
-     * @devices phone, tablet
      * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
      * @version 1
      */
     interface KVStore {
         /**
-         * Writes a key-value pair of the byte array type into the {@code KVStore} database.
+         * Writes a key-value pair of the string type into the {@code KvStore} database.
          *
+         * <p>If you do not want to synchronize this key-value pair to other devices, set the write option in the local database.
+         * 
+         * @note N/A
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
          * @param key Indicates the key. The length must be less than {@code MAX_KEY_LENGTH}.
          * Spaces before and after the key will be cleared.
-         * @param value Indicates the byte array, which must be less than 4 MB.
-         * @return Returns the error code of databases.
-         * @since 7
+         * @param value Indicates the string value, which must be less than 4 MB as a UTF-8 byte array.
+         * @throws Throws this exception if any of the following errors 
+         * occurs: {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, and
+         * {@code DB_ERROR}.
          */
         put(key: string, value: Uint8Array | string | number | boolean, callback: AsyncCallback<void>): void;
         put(key: string, value: Uint8Array | string | number | boolean): Promise<void>;
@@ -329,34 +1186,156 @@ declare namespace distributedData {
         /**
          * Deletes the key-value pair based on a specified key.
          *
+         * @note N/A
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
          * @param key Indicates the key. The length must be less than {@code MAX_KEY_LENGTH}.
          * Spaces before and after the key will be cleared.
-         * @return Returns the error code of databases.
-         * @since 7
+         *  @throws Throws this exception if any of the following errors 
+         * occurs: {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, and
+         * {@code DB_ERROR}, and {@code KEY_NOT_FOUND}.
          */
         delete(key: string, callback: AsyncCallback<void>): void;
         delete(key: string): Promise<void>;
 
         /**
-         * turn on from the data change notify based on the specified {@code subscribeType}.
+         * Registers a {@code KvStoreObserver} for the database. When data in the distributed database changes, the callback in 
+         * {@code KvStoreObserver} will be invoked.
          *
+         * @note N/A
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
          * @param type Indicates the subscription type, which is defined in {@code SubscribeType}.
          * @param observer Indicates the observer of data change events in the distributed database.
-         * @return Returns the error code of databases.
-         * @since 7
+         * @throws Throws this exception if any of the following errors 
+         * occurs: {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR},
+         * {@code DB_ERROR}, and {@code STORE_ALREADY_SUBSCRIBE}.
          */
         on(event: 'dataChange', type: SubscribeType, observer: Callback<ChangeNotification>): void;
 
         /**
-         * Subscribe to the notification of store synchronization completion.
-         *
-         * <p>Sync result is returned through asynchronous callback.
-         *
-         * @param syncCallback Indicates the callback used to send the synchronization result to the caller.
-         * @return Returns the {@code number} object.
+         * Subscribes from the {@code KvStore} database based on the specified subscribeType and {@code KvStoreObserver}.
+         * 
+         * @note N/A
          * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @throws Throws this exception if any of the following errors 
+         * occurs: {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR},
+         * {@code DB_ERROR}, and {@code STORE_ALREADY_SUBSCRIBE}.
          */
         on(event: 'syncComplete', syncCallback: Callback<Array<[string, number]>>): void;
+		
+        /**
+         * Unsubscribes from the {@code KvStore} database based on the specified subscribeType and {@code KvStoreObserver}.
+         *
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param observer Indicates the data change observer registered by {#subscribe(SubscribeType, KvStoreObserver)}.
+         * @throws Throws this exception if any of the following errors 
+         * occurs: {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR},
+         * {@code DB_ERROR}, and {@code STORE_ALREADY_SUBSCRIBE}.
+         */
+        off(event:'dataChange', observer?: Callback<ChangeNotification>): void;
+
+        /**
+         * Inserts key-value pairs into the {@code KvStore} database in batches.
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param entries Indicates the key-value pairs to be inserted in batches.
+         * @throws Throws this exception if a database error occurs.
+         */
+        putBatch(entries: Entry[], callback: AsyncCallback<void>): void;
+        putBatch(entries: Entry[]): Promise<void>;
+
+        /**
+         * Deletes key-value pairs in batches from the {@code KvStore} database.
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param keys Indicates the key-value pairs to be deleted in batches.
+         * @throws Throws this exception if a database error occurs.
+         */
+        deleteBatch(keys: string[], callback: AsyncCallback<void>): void;
+        deleteBatch(keys: string[]): Promise<void>;
+
+        /**
+         * Starts a transaction operation in the {@code KvStore} database.
+         * 
+         * <p>After the database transaction is started, you can submit or roll back the operation.
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @throws Throws this exception if a database error occurs.
+         */
+        startTransaction(callback: AsyncCallback<void>): void;
+        startTransaction(): Promise<void>;
+
+        /**
+         * Submits a transaction operation in the {@code KvStore} database.
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param callback 
+         * @throws Throws this exception if a database error occurs.
+         */
+        commit(callback: AsyncCallback<void>): void;
+        commit(): Promise<void>;
+
+        /**
+         * Rolls back a transaction operation in the {@code KvStore} database.
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @throws Throws this exception if a database error occurs.
+         */
+        rollback(callback: AsyncCallback<void>): void;
+        rollback(): Promise<void>;
+
+        /**
+         * Sets whether to enable synchronization.
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param enabled Specifies whether to enable synchronization. The value true means to enable
+         * synchronization, and false means the opposite.
+         * @throws Throws this exception if an internal service error occurs.
+         */
+        enableSync(enabled: boolean, callback: AsyncCallback<void>): void;
+        enableSync(enabled: boolean): Promise<void>;
+
+        /**
+         * Sets synchronization range labels.
+         * 
+         * <p>The labels determine the devices with which data will be synchronized.
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param localLabels Indicates the synchronization labels of the local device.
+         * @param remoteSupportLabels Indicates the labels of the devices with which data will be synchronized.
+         * @throws Throws this exception if an internal service error occurs.
+         */
+        setSyncRange(localLabels: string[], remoteSupportLabels: string[], callback: AsyncCallback<void>): void;
+        setSyncRange(localLabels: string[], remoteSupportLabels: string[]): Promise<void>;
     }
 
     /**
@@ -369,34 +1348,422 @@ declare namespace distributedData {
      * The {@code SingleKVStore} database does not support
      * synchronous transactions, or data search using snapshots.
      *
-     * @devices phone, tablet
-     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
      * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
      * @version 1
      */
     interface SingleKVStore extends KVStore {
         /**
-         * Obtains the value of a specified key.
-         *
-         * @param key Indicates the key of the value to be queried.
-         * @return Returns the value matching the given criteria.
-         * @throws Throws exception if any of the following errors occurs: {@code INVALID_ARGUMENT},
-         * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, {@code DB_ERROR}, and {@code KEY_NOT_FOUND}.
+         * Obtains the {@code String} value of a specified key.
+         * 
          * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @param key Indicates the key of the boolean value to be queried.
+         * @throws Throws this exception if any of the following errors occurs:{@code INVALID_ARGUMENT},
+         * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, {@code DB_ERROR}, and {@code KEY_NOT_FOUND}.
          */
         get(key: string, callback: AsyncCallback<Uint8Array | string | boolean | number>): void;
         get(key: string): Promise<Uint8Array | string | boolean | number>;
 
         /**
-         * Synchronizing KVStore Data Between Devices.
+         * Obtains all key-value pairs that match a specified key prefix.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @param keyPrefix Indicates the key prefix to match.
+         * @returns Returns the list of all key-value pairs that match the specified key prefix.
+         * @throws Throws this exception if any of the following errors occurs:{@code INVALID_ARGUMENT},
+         * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, and {@code DB_ERROR}.
+         */
+        getEntries(keyPrefix: string, callback: AsyncCallback<Entry[]>): void;
+        getEntries(keyPrefix: string): Promise<Entry[]>;
+
+        /**
+         * Obtains the list of key-value pairs matching the specified {@code Query} object.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         * @param query Indicates the {@code Query} object.
+         * @returns Returns the list of key-value pairs matching the specified {@code Query} object.
+         * @throws Throws this exception if any of the following errors occurs: {@code INVALID_ARGUMENT},
+         * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, and {@code DB_ERROR}.
+         */
+        getEntries(query: Query, callback: AsyncCallback<Entry[]>): void;
+        getEntries(query: Query): Promise<Entry[]>;
+
+        /**
+         * Obtains the result sets with a specified prefix from a {@code KvStore} database. The {@code KvStoreResultSet} object can be used to
+         * query all key-value pairs that meet the search criteria. Each {@code KvStore} instance can have a maximum of four
+         * {@code KvStoreResultSet} objects at the same time. If you have created four objects, calling this method will return a
+         * failure. Therefore, you are advised to call the closeResultSet method to close unnecessary {@code KvStoreResultSet} objects
+         * in a timely manner.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A 
+         * @param keyPrefix Indicates the key prefix to match.
+         * @throws Throws this exception if any of the following errors occurs:{@code INVALID_ARGUMENT},
+         * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, and {@code DB_ERROR}.
+         */
+        getResultSet(keyPrefix: string, callback: AsyncCallback<KvStoreResultSet>): void;
+        getResultSet(keyPrefix: string): Promise<KvStoreResultSet>;
+
+        /**
+         * Obtains the {@code KvStoreResultSet} object matching the specified {@code Query} object.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A  
+         * @param query Indicates the {@code Query} object.
+         * @throws Throws this exception if any of the following errors occurs:{@code INVALID_ARGUMENT},
+         * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, and {@code DB_ERROR}.
+         */
+        getResultSet(query: Query, callback: AsyncCallback<KvStoreResultSet>): void;
+        getResultSet(query: Query): Promise<KvStoreResultSet>;
+
+        /**
+         * Closes a {@code KvStoreResultSet} object returned by getResultSet.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A 
+         * @param resultSet Indicates the {@code KvStoreResultSet} object to close.
+         * @throws Throws this exception if any of the following errors occurs:{@code INVALID_ARGUMENT},
+         * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, and {@code DB_ERROR}.
+         */
+        closeResultSet(resultSet: KvStoreResultSet, callback: AsyncCallback<void>): void;
+        closeResultSet(resultSet: KvStoreResultSet): Promise<void>;
+
+        /**
+         * Obtains the number of results matching the specified {@code Query} object.
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A 
+         * @param query Indicates the {@code Query} object.
+         * @returns Returns the number of results matching the specified {@code Query} object.
+         * @throws Throws this exception if any of the following errors occurs:{@code INVALID_ARGUMENT},
+         * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, and {@code DB_ERROR}.
+         */
+        getResultSize(query: Query, callback: AsyncCallback<number>): void;
+        getResultSize(query: Query): Promise<number>;
+
+        /**
+         * void removeDeviceData​({@link String} deviceId) throws {@link KvStoreException}
+         * 
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @import N/A
+         */
+        removeDeviceData(deviceId: string, callback: AsyncCallback<void>): void;
+        removeDeviceData(deviceId: string): Promise<void>;
+
+        /**
+         * Synchronizes the database to the specified devices with the specified delay allowed.
          *
-         * @param deviceIdList Indicates the {@code string}.
-         * @param mode Indicates the {@code SyncMode} object.
-         * @param allowedDelayMs Indicates the number type parameter.
-         * @return Returns the {@code number} object.
+         * @note N/A
          * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param deviceIdList Indicates the list of devices to which to synchronize the database.
+         * @param mode Indicates the synchronization mode. The value can be {@code PUSH}, {@code PULL}, or {@code PUSH_PULL}.
+         * @param allowedDelayMs Indicates the delay allowed for the synchronization, in milliseconds.
+         * @throws Throws this exception if any of the following errors 
+         * occurs: {@code INVALID_ARGUMENT}, 
+         * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, and {@code DB_ERROR}.
+         */
+         sync(deviceIdList: string[], mode: SyncMode, allowedDelayMs?: number): void;
+
+         /**
+          * Register Synchronizes SingleKvStore databases callback.
+          * 
+          * <p> Sync result is returned through asynchronous callback.
+          * @note N/A
+          * @since 8
+          * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+          * @devices phone, tablet, tv, wearable, car
+          * @param syncCallback Indicates the callback used to send the synchronization result to the caller.
+          * @throws Throws this exception if no {@code SingleKvStore} database is available.
+          */
+         on(event: 'syncComplete', syncCallback: Callback<Array<[string, number]>>): void;
+
+         /**
+          * UnRegister Synchronizes SingleKvStore databases callback.
+          * @note N/A
+          * @since 8
+          * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+          * @devices phone, tablet, tv, wearable, car
+          * @throws Throws this exception if no {@code SingleKvStore} database is available.
+          */
+         off(event: 'syncComplete', syncCallback?: Callback<Array<[string, number]>>): void;
+	 
+	 
+         /**
+          * Sets the default delay allowed for database synchronization
+          * 
+          * @note N/A
+          * @since 8
+          * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+          * @devices phone, tablet, tv, wearable, car
+          * @param defaultAllowedDelayMs Indicates the default delay allowed for the database synchronization, in milliseconds.
+          * @throws Throws this exception if any of the following errors occurs:{@code INVALID_ARGUMENT},
+          * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, and {@code DB_ERROR}.
+          */
+         setSyncParam(defaultAllowedDelayMs: number, callback: AsyncCallback<void>): void;
+         setSyncParam(defaultAllowedDelayMs: number): Promise<void>;
+
+         /**
+          * Get the security level of the database.
+          * 
+          * @note N/A
+          * @since 8
+          * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+          * @devices phone, tablet, tv, wearable, car
+          * @returns SecurityLevel {@code SecurityLevel} the security level of the database.
+          * @throws Throws this exception if any of the following errors occurs:{@code SERVER_UNAVAILABLE},
+          * {@code IPC_ERROR}, and {@code DB_ERROR}.
+          */
+         getSecurityLevel(callback: AsyncCallback<SecurityLevel>): void;
+         getSecurityLevel(): Promise<SecurityLevel>;
+    }
+
+    /**
+     * Manages distributed data by device in a distributed system.
+     * 
+     * <p>To create a {@code DeviceKvStore} database, you can use the {@link data.distributed.common.KVManager.getKvStore(Options, String)}
+     * method with {@code KvStoreType} set to {@code DEVICE_COLLABORATION} for the input parameter Options. This database manages distributed
+     * data by device, and cannot modify data synchronized from remote devices. When an application writes a key-value pair entry
+     * into the database, the system automatically adds the ID of the device running the application to the key.
+     * 
+     * @since 8
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
+     */
+    interface DeviceKVStore extends KVStore {
+        /**
+         * Obtains the {@code String} value matching a specified device ID and key.
+         *
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param deviceId Indicates the device to be queried.
+         * @param key Indicates the key of the value to be queried.
+         * @return Returns the value matching the given criteria.
+         * @throws Throws this exception if any of the following errors occurs: {@code INVALID_ARGUMENT},
+         * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, {@code DB_ERROR}, and {@code KEY_NOT_FOUND}.
+         */
+         get(deviceId: string, key: string, callback: AsyncCallback<boolean|string|number|Uint8Array>): void;
+         get(deviceId: string, key: string): Promise<boolean|string|number|Uint8Array>;
+
+         /**
+          * Obtains all key-value pairs matching a specified device ID and key prefix.
+          * 
+          * @note N/A
+          * @since 8
+          * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+          * @devices phone, tablet, tv, wearable, car
+          * @param deviceId Identifies the device whose data is to be queried.
+          * @param keyPrefix Indicates the key prefix to match.
+          * @returns Returns the list of all key-value pairs meeting the given criteria.
+          * @throws Throws this exception if any of the following errors occurs: {@code INVALID_ARGUMENT},
+          * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, {@code DB_ERROR}.
+          */
+         getEntries(deviceId: string, keyPrefix: string, callback: AsyncCallback<Entry[]>): void;
+         getEntries(deviceId: string, keyPrefix: string): Promise<Entry[]>;
+
+         /**
+          * Obtains the list of key-value pairs matching the specified {@code Query} object.
+          * 
+          * @note N/A
+          * @since 8
+          * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+          * @devices phone, tablet, tv, wearable, car
+          * @param query Indicates the {@code Query} object.
+          * @returns Returns the list of key-value pairs matching the specified {@code Query} object.
+          * @throws Throws this exception if any of the following errors occurs: {@code INVALID_ARGUMENT},
+          * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, {@code DB_ERROR}.
+          */
+         getEntries(query: Query, callback: AsyncCallback<Entry[]>): void;
+         getEntries(query: Query): Promise<Entry[]>;
+
+         /**
+          * Obtains the list of key-value pairs matching a specified device ID and {@code Query} object.
+          * 
+          * @note N/A
+          * @since 8
+          * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+          * @devices phone, tablet, tv, wearable, car
+          * @param deviceId Indicates the ID of the device to which the key-value pairs belong.
+          * @param query Indicates the {@code Query} object.
+          * @returns Returns the list of key-value pairs matching the specified {@code Query} object.
+          */
+         getEntries(deviceId: string, query: Query, callback: AsyncCallback<Entry[]>): void;
+         getEntries(deviceId: string, query: Query): Promise<Entry[]>;
+
+         /**
+          * Obtains the {@code KvStoreResultSet} object matching the specified device ID and key prefix.
+          * 
+          * <p>The {@code KvStoreResultSet} object can be used to query all key-value pairs that meet the search criteria. Each {@code KvStore}
+          * instance can have a maximum of four {@code KvStoreResultSet} objects at the same time. If you have created four objects,
+          * calling this method will return a failure. Therefore, you are advised to call the closeResultSet method to close unnecessary
+          * {@code KvStoreResultSet} objects in a timely manner.
+          * 
+          * @note N/A
+          * @since 8
+          * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+          * @devices phone, tablet, tv, wearable, car
+          * @param deviceId Identifies the device whose data is to be queried.
+          * @param keyPrefix Indicates the key prefix to match.
+          * @returns Returns the {@code KvStoreResultSet} objects.
+          * @throws Throws this exception if any of the following errors occurs: {@code INVALID_ARGUMENT},
+          * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, {@code DB_ERROR}.
+          */
+         getResultSet(deviceId: string, keyPrefix: string, callback: AsyncCallback<KvStoreResultSet>): void;
+         getResultSet(deviceId: string, keyPrefix: string): Promise<KvStoreResultSet>;
+
+         /**
+          * Obtains the {@code KvStoreResultSet} object matching the specified {@code Query} object.
+          * 
+          * @note N/A
+          * @since 8
+          * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+          * @devices phone, tablet, tv, wearable, car
+          * @param query Indicates the {@code Query} object.
+          * @returns Returns the {@code KvStoreResultSet} object matching the specified {@code Query} object.
+          * @throws Throws this exception if any of the following errors occurs: {@code INVALID_ARGUMENT},
+          * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, {@code DB_ERROR}.
+          */
+         getResultSet(query: Query, callback: AsyncCallback<KvStoreResultSet>): void;
+         getResultSet(query: Query): Promise<KvStoreResultSet>;
+
+         /**
+          * Obtains the {@code KvStoreResultSet} object matching a specified device ID and {@code Query} object.
+          * 
+          * @note N/A
+          * @since 8
+          * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+          * @devices phone, tablet, tv, wearable, car
+          * @param deviceId Indicates the ID of the device to which the {@code KvStoreResultSet} object belongs.
+          * @param query Indicates the {@code Query} object.
+          * @returns Returns the {@code KvStoreResultSet} object matching the specified {@code Query} object.
+          */
+         getResultSet(deviceId: string, query: Query, callback: AsyncCallback<KvStoreResultSet>): void;
+         getResultSet(deviceId: string, query: Query): Promise<KvStoreResultSet>;
+
+         /**
+          * Closes a {@code KvStoreResultSet} object returned by getResultSet.
+          * 
+          * @note N/A
+          * @since 8
+          * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+          * @devices phone, tablet, tv, wearable, car
+          * @param resultSet Indicates the {@code KvStoreResultSet} object to close.
+          * @throws Throws this exception if any of the following errors occurs: {@code INVALID_ARGUMENT},
+          * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, {@code DB_ERROR}.
+          */
+         closeResultSet(resultSet: KvStoreResultSet, callback: AsyncCallback<void>): void;
+         closeResultSet(resultSet: KvStoreResultSet): Promise<void>;
+
+         /**
+          * Obtains the number of results matching the specified {@code Query} object.
+          * 
+          * @note N/A
+          * @since 8
+          * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+          * @devices phone, tablet, tv, wearable, car
+          * @param query Indicates the {@code Query} object.
+          * @returns Returns the number of results matching the specified {@code Query} object.
+          * @throws Throws this exception if any of the following errors occurs: {@code INVALID_ARGUMENT},
+          * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, {@code DB_ERROR}.
+          */
+         getResultSize(query: Query, callback: AsyncCallback<number>): void;
+         getResultSize(query: Query): Promise<number>;
+
+         /**
+          * Obtains the number of results matching a specified device ID and {@code Query} object.
+          * 
+          * @note N/A
+          * @since 8
+          * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+          * @devices phone, tablet, tv, wearable, car
+          * @param deviceId Indicates the ID of the device to which the results belong.
+          * @param query Indicates the {@code Query} object.
+          * @returns Returns the number of results matching the specified {@code Query} object.
+          */
+         getResultSize(deviceId: string, query: Query, callback: AsyncCallback<number>): void;
+         getResultSize(deviceId: string, query: Query): Promise<number>;
+
+         /**
+          * Removes data of a specified device from the current database. This method is used to remove only the data
+          * synchronized from remote devices. This operation does not synchronize data to other databases or affect
+          * subsequent data synchronization.
+          * 
+          * @note N/A
+          * @since 8
+          * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+          * @devices phone, tablet, tv, wearable, car
+          * @param deviceId Identifies the device whose data is to be removed. The value cannot be the current device ID.
+          * @throws Throws this exception if any of the following errors occurs: {@code INVALID_ARGUMENT},
+          * {@code SERVER_UNAVAILABLE}, {@code IPC_ERROR}, {@code DB_ERROR}.
+          */
+         removeDeviceData(deviceId: string, callback: AsyncCallback<void>): void;
+         removeDeviceData(deviceId: string): Promise<void>;
+         
+        /**
+         * Synchronizes {@code DeviceKvStore} databases.
+         *
+         * <p>This method returns immediately and sync result will be returned through asynchronous callback.
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param deviceIdList Indicates the list of IDs of devices whose
+         * {@code DeviceKvStore} databases are to be synchronized.
+         * @param mode Indicates the synchronization mode, {@code PUSH}, {@code PULL}, or
+         * {@code PUSH_PULL}.
+         * @throws Throws this exception if no DeviceKvStore database is available.
          */
         sync(deviceIdList: string[], mode: SyncMode, allowedDelayMs?: number): void;
+
+        /**
+         * Register Synchronizes DeviceKvStore databases callback.
+         * 
+         * <p>Sync result is returned through asynchronous callback.
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param syncCallback Indicates the callback used to send the synchronization result to the caller.
+         * @throws Throws this exception if no DeviceKvStore database is available.
+         */
+        on(event: 'syncComplete', syncCallback: Callback<Array<[string, number]>>): void;
+
+        /**
+         * UnRegister Synchronizes DeviceKvStore databases callback.
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @throws Throws this exception if no DeviceKvStore database is available.
+         */
+        off(event: 'syncComplete', syncCallback?: Callback<Array<[string, number]>>): void;
     }
     
     /**
@@ -405,38 +1772,129 @@ declare namespace distributedData {
      * <p>You must pass {@link KVManagerConfig} to provide configuration information
      * for creating the {@link KVManager} instance.
      *
+     * @note N/A
+     * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
      * @param config Indicates the {@link KVStore} configuration information,
      * including the user information and package name.
      * @return Returns the {@code KVManager} instance.
      * @throws Throws exception if input is invalid.
-     * @since 7
      */
     function createKVManager(config: KVManagerConfig, callback: AsyncCallback<KVManager>): void;
     function createKVManager(config: KVManagerConfig): Promise<KVManager>;
 
     /**
-     * Provides interfaces to manage a {@code KVStore} database,
-     * including obtaining, closing, and deleting the {@code KVStore}.
+     * Provides interfaces to manage a {@code KVStore} database, including obtaining, closing, and deleting the {@code KVStore}.
      *
-     * @devices phone, tablet
-     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
      * @since 7
+     * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+     * @devices phone, tablet, tv, wearable, car
+     * @import N/A
+     * @permission N/A
      * @version 1
      */
     interface KVManager {
         /**
          * Creates and obtains a {@code KVStore} database by specifying {@code Options} and {@code storeId}.
          *
+         * @note N/A
+         * @since 7
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
          * @param options Indicates the options used for creating and obtaining the {@code KVStore} database,
          * including {@code isCreateIfMissing}, {@code isEncrypt}, and {@code KVStoreType}.
          * @param storeId Identifies the {@code KVStore} database.
          * The value of this parameter must be unique for the same application,
          * and different applications can share the same value.
-         * @return Returns a {@code KVStore}, or {@code SingleKVStore},
-         * @since 7
+         * @return Returns a {@code KVStore}, or {@code SingleKVStore}.
          */
         getKVStore<T extends KVStore>(storeId: string, options: Options): Promise<T>;
         getKVStore<T extends KVStore>(storeId: string, options: Options, callback: AsyncCallback<T>): void;
+
+        /**
+         * Closes the {@code KvStore} database.
+         * 
+         * <p>Warning: This method is not thread-safe. If you call this method to stop a KvStore database that is running, your
+         * thread may crash.
+         * 
+         * <p>The {@code KvStore} database to close must be an object created by using the {@code getKvStore} method. Before using this 
+         * method, release the resources created for the database, for example, {@code KvStoreResultSet} for {@code SingleKvStore},
+         * otherwise closing the database will fail. If you are attempting to close a database that is already closed, an error
+         * will be returned.
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param kvStore Indicates the {@code KvStore} database to close.
+         * @throws Throws this exception if any of the following errors
+         * occurs:{@code INVALID_ARGUMENT}, {@code ERVER_UNAVAILABLE},
+         * {@code STORE_NOT_OPEN}, {@code STORE_NOT_FOUND}, {@code DB_ERROR},
+         * {@code PERMISSION_DENIED}, and {@code IPC_ERROR}.
+         */
+        closeKVStore(appId: string, storeId: string, kvStore: KVStore, callback: AsyncCallback<void>): void;
+        closeKVStore(appId: string, storeId: string, kvStore: KVStore): Promise<void>;
+
+        /**
+         * Deletes the {@code KvStore} database identified by storeId.
+         * 
+         * <p>Before using this method, close all {@code KvStore} instances in use that are identified by the same storeId.
+         * 
+         * <p>You can use this method to delete a {@code KvStore} database not in use. After the database is deleted, all its data will be
+         * lost.
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param storeId Identifies the {@code KvStore} database to delete.
+         * @throws Throws this exception if any of the following errors 
+         * occurs: {@code INVALID_ARGUMENT},
+         * {@code SERVER_UNAVAILABLE}, {@code STORE_NOT_FOUND},
+         * {@code DB_ERROR}, {@code PERMISSION_DENIED}, and {@code IPC_ERROR}.
+         */
+        deleteKVStore(appId: string, storeId: string, callback: AsyncCallback<void>): void;
+        deleteKVStore(appId: string, storeId: string): Promise<void>;
+
+        /**
+         * Obtains the storeId of all {@code KvStore} databases that are created by using the {@code getKvStore} method and not deleted by
+         * calling the {@code deleteKvStore} method.
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car 
+         * @returns Returns the storeId of all created {@code KvStore} databases. 
+         * @throws Throws this exception if any of the following errors 
+         * occurs: {@code SERVER_UNAVAILABLE}, {@code DB_ERROR},
+         * {@code PERMISSION_DENIED}, and {@code IPC_ERROR}.
+         */
+        getAllKVStoreId(appId: string, callback: AsyncCallback<string[]>): void;
+        getAllKVStoreId(appId: string): Promise<string[]>;
+
+        /**
+         * register DeviceChangeCallback to get notification when device's status changed
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car 
+         * @param deathCallback device change callback {@code DeviceChangeCallback}
+         * @throws 	exception maybe occurs.
+         */
+        on(event: 'distributedDataServiceDie', deathCallback: Callback<void>): void;
+
+        /**
+         * unRegister DeviceChangeCallback and can not receive notification
+         * 
+         * @note N/A
+         * @since 8
+         * @Syscap SystemCapability.Data.DATA_DISTRIBUTEDDATAMGR
+         * @devices phone, tablet, tv, wearable, car 
+         * @param deathCallback device change callback {@code DeviceChangeCallback} which has been registered.
+         * @throws exception maybe occurs.
+         */
+        off(event: 'distributedDataServiceDie', deathCallback?: Callback<void>): void;
     }
 }
 
diff --git a/api/@ohos.data.rdb.d.ts b/api/@ohos.data.rdb.d.ts
index 162c2bd3e2cfef6d0cdf6566915de354f21eb18d..df961acd5e8219025808a1de1473dfe0e5da5ad3 100644
--- a/api/@ohos.data.rdb.d.ts
+++ b/api/@ohos.data.rdb.d.ts
@@ -15,6 +15,15 @@
 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.
@@ -22,11 +31,14 @@ declare namespace rdb {
      * 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}.
-     * @since 7
      */
     function getRdbStore(config: StoreConfig, version: number, callback: AsyncCallback<RdbStore>): void;
     function getRdbStore(config: StoreConfig, version: number): Promise<RdbStore>;
@@ -34,9 +46,12 @@ declare namespace rdb {
     /**
      * 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.
-     * @since 7
      */
     function deleteRdbStore(name: string, callback: AsyncCallback<void>): void;
     function deleteRdbStore(name: string): Promise<void>;
@@ -46,18 +61,23 @@ declare namespace 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
-     * @Syscap SystemCapability.Data.DATA_APPDATAMGR
-     * @version 7
+     * @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.
-         * @since 7
          */
         insert(name: string, values: ValuesBucket, callback: AsyncCallback<number>): void;
         insert(name: string, values: ValuesBucket): Promise<number>;
@@ -65,10 +85,13 @@ declare namespace rdb {
         /**
          * 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.
-         * @since 7
          */
         update(values: ValuesBucket, rdbPredicates: RdbPredicates, callback: AsyncCallback<number>): void;
         update(values: ValuesBucket, rdbPredicates: RdbPredicates): Promise<number>;
@@ -76,9 +99,12 @@ declare namespace rdb {
         /**
          * 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.
-         * @since 7
          */
         delete(rdbPredicates: RdbPredicates, callback: AsyncCallback<number>): void;
         delete(rdbPredicates: RdbPredicates): Promise<number>;
@@ -86,10 +112,13 @@ declare namespace rdb {
         /**
          * 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;
-         * @since 7
          */
         query(rdbPredicates: RdbPredicates, columns: Array<string>, callback: AsyncCallback<ResultSet>): void;
         query(rdbPredicates: RdbPredicates, columns: Array<string>): Promise<ResultSet>;
@@ -97,21 +126,48 @@ declare namespace rdb {
         /**
          * 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.
-         * @since 7
          */
         executeSql(sql: string, bindArgs: Array<ValueType>, callback: AsyncCallback<void>): void;
         executeSql(sql: string, bindArgs: Array<ValueType>): Promise<void>;
+
+        /**
+         * change the encrypted key(not null) if the database is configured with encrypted key.
+         *
+         * @note N/A
+         * @since 8
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
+         * @devices phone, tablet, tv, wearable, car
+         * @param newEncryptKey the encrypted key is uint8 form in a vector.
+         */
+        changeEncryptKey(newEncryptKey:Uint8Array, callback: AsyncCallback<number>):void;
+        changeEncryptKey(newEncryptKey:Uint8Array): Promise<number>;
     }
 
     /**
      * 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;
@@ -120,28 +176,41 @@ declare namespace rdb {
     /**
      * Manages relational database configurations.
      *
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
      * @devices phone, tablet, tv, wearable, car
-     * @Syscap SystemCapability.Data.DATA_APPDATAMGR
-     * @version 7
+     * @import import data_rdb from '@ohos.data.rdb';
+     * @permission N/A
      */
     interface StoreConfig {
         /**
          * Indicates the name of the database file
+         *
+         * @since 8
+         * @sysCap SystemCapability.Data.DATA_APPDATAMGR
          */
         name: string;
+        encryptKey: Uint8Array;
     }
 
     /**
      * Manages relational database configurations.
      *
+     * @since 7
+     * @sysCap SystemCapability.Data.DATA_APPDATAMGR
      * @devices phone, tablet, tv, wearable, car
-     * @Syscap SystemCapability.Data.DATA_APPDATAMGR
-     * @version 7
+     * @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)
 
@@ -149,6 +218,10 @@ declare namespace rdb {
          * 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.
@@ -159,8 +232,10 @@ declare namespace rdb {
          * Configures the RdbPredicates to match the field whose data type is ValueType and value is unequal to
          * a specified value.
          *
-         * This method is similar to != of the SQL statement.
-         *
+         * @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.
@@ -170,9 +245,10 @@ declare namespace rdb {
         /**
          * Adds a left parenthesis to the RdbPredicates.
          *
-         * This method is similar to ( of the SQL statement and needs to be used together
-         * with endWrap().
-         *
+         * @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;
@@ -180,9 +256,11 @@ declare namespace rdb {
         /**
          * Adds a right parenthesis to the RdbPredicates.
          *
-         * This method is similar to ) of the SQL statement and needs to be used together
+         * @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;
@@ -190,8 +268,10 @@ declare namespace rdb {
         /**
          * Adds an or condition to the RdbPredicates.
          *
-         * This method is similar to or of the SQL statement.
-         *
+         * @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;
@@ -199,8 +279,10 @@ declare namespace rdb {
         /**
          * Adds an and condition to the RdbPredicates.
          *
-         * This method is similar to and of the SQL statement.
-         *
+         * @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;
@@ -209,8 +291,10 @@ declare namespace rdb {
          * Configures the RdbPredicates to match the field whose data type is string and value
          * contains a specified value.
          *
-         * This method is similar to contains of the SQL statement.
-         *
+         * @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.
@@ -221,8 +305,10 @@ declare namespace rdb {
          * Configures the RdbPredicates to match the field whose data type is string and value starts
          * with a specified string.
          *
-         * This method is similar to value% of the SQL statement.
-         *
+         * @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.
@@ -233,8 +319,10 @@ declare namespace rdb {
          * Configures the RdbPredicates to match the field whose data type is string and value
          * ends with a specified string.
          *
-         * This method is similar to %value of the SQL statement.
-         *
+         * @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.
@@ -244,8 +332,10 @@ declare namespace rdb {
         /**
          * Configures the RdbPredicates to match the fields whose value is null.
          *
-         * This method is similar to is null of the SQL statement.
-         *
+         * @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.
          */
@@ -254,8 +344,10 @@ declare namespace rdb {
         /**
          * Configures the RdbPredicates to match the specified fields whose value is not null.
          *
-         * This method is similar to is not null of the SQL statement.
-         *
+         * @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.
          */
@@ -265,8 +357,10 @@ declare namespace rdb {
          * Configures the RdbPredicates to match the fields whose data type is string and value is
          * similar to a specified string.
          *
-         * This method is similar to like of the SQL statement.
-         *
+         * @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).
@@ -278,18 +372,23 @@ declare namespace rdb {
          * Configures RdbPredicates to match the specified field whose data type is string and the value contains
          * a wildcard.
          *
-         * Different from like, the input parameters of this method are case-sensitive.
-         *
+         * @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.
@@ -301,17 +400,24 @@ declare namespace rdb {
          * 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}.
+         * @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.
@@ -321,6 +427,10 @@ declare namespace rdb {
         /**
          * 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.
@@ -330,6 +440,10 @@ declare namespace rdb {
         /**
          * 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.
@@ -339,6 +453,10 @@ declare namespace rdb {
         /**
          * 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.
@@ -349,6 +467,10 @@ declare namespace rdb {
          * 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.
          */
@@ -358,6 +480,10 @@ declare namespace rdb {
          * 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.
          */
@@ -366,6 +492,10 @@ declare namespace rdb {
         /**
          * 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;
@@ -373,40 +503,48 @@ declare namespace rdb {
         /**
          * 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.
-         * @throws IllegalPredicateException Throws this exception if RdbPredicates are added to a wrong position.
          */
         limitAs(value: number): RdbPredicates;
 
         /**
          * Configures RdbPredicates to specify the start position of the returned result.
          *
-         * Use this method together with limit(int).
-         *
+         * @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.
          *
-         * Before using this method, you need to create an 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;
 
@@ -414,10 +552,13 @@ declare namespace rdb {
          * 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;
 
@@ -425,6 +566,10 @@ declare namespace rdb {
          * 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.
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.emitter.d.ts b/api/@ohos.emitter.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ac359eb225ed036a1157492a9bf0a6cc95af0664
--- /dev/null
+++ b/api/@ohos.emitter.d.ts
@@ -0,0 +1,117 @@
+/*
+ * 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 { Callback } from './basic';
+
+/**
+ * Provides methods for sending and processing in-process events.
+ *
+ * @since 7
+ * @import import events_emitter from '@ohos.emitter';
+ * @permission N/A
+ */
+declare namespace emitter {
+  /**
+   * Subscribes to a certain event in persistent manner and receives the event callback.
+   *
+   * @since 7
+   * @param event indicate event to subscribe to.
+   * @param callback indicate callback used to receive the event.
+   * @return -
+   */
+  function on(event: InnerEvent, callback: Callback<EventData>): void;
+
+  /**
+   * Subscribes to a certain event in one-shot manner and unsubscribes from it
+   * after the event callback is received.
+   *
+   * @since 7
+   * @param event indicate event to subscribe to in one shot.
+   * @param callback indicate callback used to receive the event.
+   * @return -
+   */
+  function once(event: InnerEvent, callback: Callback<EventData>): void;
+
+  /**
+   * Unsubscribes from an event.
+   *
+   * @since 7
+   * @param eventId indicate ID of the event to unsubscribe from.
+   * @return -
+   */
+  function off(eventId: number): void;
+
+  /**
+   * Emits an event to the event queue.
+   *
+   * @since 7
+   * @param event indicate event to emit.
+   * @param data indicate data carried by the event.
+   * @return -
+   */
+  function emit(event: InnerEvent, data?: EventData): void;
+
+  /**
+   * Describes data passed in the event.
+   */
+  export interface EventData {
+    /**
+     * Data carried by the event.
+     */
+    data?: {[key: string]: any};
+  }
+
+  /**
+   * Describes an intra-process event.
+   */
+  export interface InnerEvent {
+    /**
+     * Event ID, which is used to identify an event.
+     */
+    eventId: number;
+
+    /**
+     * Emit priority of the event. The default priority is {@link EventPriority.LOW}.
+     */
+    priority?: EventPriority;
+  }
+
+  /**
+   * Indicates the emit priority of the event.
+   */
+  export enum EventPriority {
+    /**
+     * Indicates that the event will be emitted immediately.
+     */
+    IMMEDIATE = 0,
+
+    /**
+     * Indicates that the event will be emitted before low-priority events.
+     */
+    HIGH,
+
+    /**
+     * Indicates that the event will be emitted before idle-priority events. By default, an event is in LOW priority.
+     */
+    LOW,
+
+    /**
+     * Indicates that the event will be emitted after all the other events.
+     */
+    IDLE,
+  }
+}
+
+export default emitter;
\ No newline at end of file
diff --git a/api/@ohos.i18n.d.ts b/api/@ohos.i18n.d.ts
index 53ebb62f927b3cd9045f7c23b8bb0bdf1e157ee2..7b3f6f9cccb40d609a4b357e3ce18408cb8c04f1 100644
--- a/api/@ohos.i18n.d.ts
+++ b/api/@ohos.i18n.d.ts
@@ -16,13 +16,15 @@
 /**
  * Provides international settings related APIs.
  *
+ * @sysCap SystemCapability.I18N
  * @since 7
- * @devices phone, table, tv, wearable, car
+ * @devices phone, tablet, tv, wearable, car
  */
 declare namespace i18n {
 /**
  * Obtains the country or region name localized for display on a given locale.
  *
+ * @sysCap SystemCapability.I18N
  * @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.
@@ -34,6 +36,7 @@ export function getDisplayCountry(country: string, locale: string, sentenceCase?
 /**
  * Obtains the language name localized for display on a given locale.
  *
+ * @sysCap SystemCapability.I18N
  * @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.
@@ -43,8 +46,9 @@ export function getDisplayCountry(country: string, locale: string, sentenceCase?
 export function getDisplayLanguage(language: string, locale: string, sentenceCase?: boolean): string;
 
 /**
- * Obtain all regions supported by the system.
+ * Obtain all languages supported by the system.
  *
+ * @sysCap SystemCapability.I18N
  * @return Returns all languages supported by the system.
  * @since 7
  * @systemapi Hide this for inner system use.
@@ -54,6 +58,7 @@ export function getSystemLanguages(): Array<string>;
 /**
  * Obtain all regions supported by the system in the language.
  *
+ * @sysCap SystemCapability.I18N
  * @param language The language used to get the list of regions.
  * @return Returns all regions supported by the system in the language.
  * @since 7
@@ -64,6 +69,7 @@ export function getSystemCountries(language: string): Array<string>;
 /**
  * Determine whether the current language or region is recommended.
  *
+ * @sysCap SystemCapability.I18N
  * @param language The language code.
  * @param region The region code.
  * @return Returns whether the current language or region is recommended.
@@ -75,6 +81,7 @@ export function isSuggested(language: string, region?: string): boolean;
 /**
  * Obtain the language currently used by the system.
  *
+ * @sysCap SystemCapability.I18N
  * @return Returns the language currently used by the system.
  * @since 7
  */
@@ -83,6 +90,7 @@ export function getSystemLanguage(): string;
 /**
  * Set the language currently used by the system.
  *
+ * @sysCap SystemCapability.I18N
  * @param language The language to be used.
  * @since 7
  * @systemapi Hide this for inner system use.
@@ -92,6 +100,7 @@ export function setSystemLanguage(language: string): boolean;
 /**
  * Obtain the region currently used by the system.
  *
+ * @sysCap SystemCapability.I18N
  * @return Returns the region currently used by the system.
  * @since 7
  */
@@ -100,6 +109,7 @@ export function getSystemRegion(): string;
 /**
  * Set the region currently used by the system.
  *
+ * @sysCap SystemCapability.I18N
  * @param region The region to be used.
  * @since 7
  * @systemapi Hide this for inner system use.
@@ -109,6 +119,7 @@ export function setSystemRegion(region: string): boolean;
 /**
  * Obtain the locale currently used by the system.
  *
+ * @sysCap SystemCapability.I18N
  * @return Returns the locale currently used by the system.
  * @since 7
  */
@@ -117,9 +128,485 @@ export function getSystemLocale(): string;
 /**
  * Set the locale currently used by the system.
  *
+ * @sysCap SystemCapability.I18N
  * @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.
+ *
+ * @sysCap SystemCapability.I18N
+ * @since 8
+ */
+export interface Util {
+    /**
+     * Convert from unit to to unit and format according to the locale.
+     *
+     * @sysCap SystemCapability.I18N
+     * @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.
+ *
+ * @sysCap SystemCapability.I18N
+ * @since 8
+ */
+export interface UnitInfo {
+    /**
+     * Unit name.
+     */
+    unit: string
+
+    /**
+     * The measurement system of the unit.
+     */
+    measureSystem: string
+}
+
+/**
+ * Provides the options of PhoneNumberFormat.
+ *
+ * @sysCap SystemCapability.I18N
+ * @since 8
+ */
+export interface PhoneNumberFormatOptions {
+    /**
+     * Indicates the type to format phone number.
+     */
+    type: string;
+}
+
+/**
+ * Provides the API for formatting phone number strings
+ *
+ * @sysCap SystemCapability.I18N
+ * @since 8
+ */
+export class PhoneNumberFormat {
+    /**
+     * A constructor used to create a PhoneNumberFormat object.
+     *
+     * @sysCap SystemCapability.I18N
+     * @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.
+     *
+     * @sysCap SystemCapability.I18N
+     * @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.
+     *
+     * @sysCap SystemCapability.I18N
+     * @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.
+ *
+ * @sysCap SystemCapability.I18N
+ * @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.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param date Date object used to set the time and date.
+     * @since 8
+     */
+    setTime(date: Date);
+
+    /**
+     * set the time.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param time Indicates the elapsed milliseconds from 1970.1.1 00:00:00 GMT.
+     * @since 8
+     */
+     setTime(time: number);
+
+    /**
+     * Set the time
+     *
+     * @sysCap SystemCapability.I18N
+     * @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.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param timezone The id of a timezone.
+     * @since 8
+     */
+    setTimeZone(timezone: string);
+
+    /**
+     * Get the timezone id of this calendar instance.
+     *
+     * @sysCap SystemCapability.I18N
+     * @return Returns the timezone id of this calendar.
+     * @since 8
+     */
+    getTimeZone(): string;
+
+    /**
+     * Get the start day of a week. 1 indicates Sunday, 7 indicates Saturday.
+     *
+     * @sysCap SystemCapability.I18N
+     * @return Returns start day of a week.
+     * @since 8
+     */
+    getFirstDayOfWeek(): number;
+
+    /**
+     * Set the start day of a week. 1 indicates Sunday, 7 indicates Saturday.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param value Indicates the start day of a week. 1 indicates Sunday, 7 indicates Saturday.
+     * @since 8
+     */
+    setFirstDayOfWeek(value: number);
+
+    /**
+     * Get the minial days of a week, which is needed for the first day of a year.
+     *
+     * @sysCap SystemCapability.I18N
+     * @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.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param value The value to be set.
+     * @since 8
+     */
+    setMinimalDaysInFirstWeek(value: number);
+
+    /**
+     * Get the associated value with the field.
+     *
+     * @sysCap SystemCapability.I18N
+     * @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.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param locale Locale used to get the localized name for this calendar.
+     * @return Returns 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.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param date Date object whose attribute is desired.
+     * @return Returns whether the date is a weekend day.
+     * @since 8
+     */
+    isWeekend(date?: Date): boolean;
+}
+
+/**
+ * Judge whether the locale is RTL locale.
+ *
+ * @sysCap SystemCapability.I18N
+ * @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;
+
+/**
+ * Obtains a BreakIterator object for finding the location of break point in text.
+ *
+ * @sysCap SystemCapability.I18N
+ * @param locale the returned BreakIterator will adapt the rule, specified by the locale, to break text.
+ * @return Returns a newly constructed BreakIterator object.
+ * @since 8
+ */
+ export function getLineInstance(locale: string): BreakIterator;
+
+/**
+ * The BreakIterator class is used for finding the location of break point in text.
+ *
+ * @sysCap SystemCapability.I18N
+ * @since 8
+ */
+export class BreakIterator {
+    /**
+     * Obtains the current position of the BreakIterator instance.
+     * 
+     * @sysCap SystemCapability.I18N
+     * @return Returns the current position of the BreakIterator instance.
+     * @since 8
+     */
+    current(): number;
+
+    /**
+     * Set the BreakIterator's position to the first break point, the first break point is always the beginning of the
+     * processed text.
+     *
+     * @sysCap SystemCapability.I18N
+     * @return Returns the index of the first break point.
+     * @since 8
+     */
+    first(): number;
+
+    /**
+     * Set the BreakIterator's position to the last break point. the last break point is always the index beyond the
+     * last character of the processed text.
+     *
+     * @sysCap SystemCapability.I18N
+     * @return Returns the index of the last break point.
+     * @since 8
+     */
+    last(): number;
+
+    /**
+     * Set the BreakItertor's position to the nth break point from the current break point.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param index indicates the number of break points to advance. If index is not given, n is treated as 1.
+     * @return Returns the index of the BreakIterator after moving. If there is not enough break points, returns -1.
+     * @since 8
+     */
+    next(index?: number): number;
+
+    /**
+     * Set the BreakItertor's position to the break point preceding the current break point.
+     *
+     * @sysCap SystemCapability.I18N
+     * @return Returns the index of the BreakIterator after moving. If there is not enough break points, returns -1.
+     * @since 8
+     */
+    previous(): number;
+
+    /**
+     * Set the text to be processed.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param text Indicates the text to be processed by the BreakIterator.
+     * @since 8
+     */
+    setLineBreakText(text: string): void;
+
+    /**
+     * Set the BreakIterator's position to the first break point following the specified offset.
+     *
+     * @sysCap SystemCapability.I18N
+     * @return Returns the index of the BreakIterator after moving. If there is not enough break points, returns -1.
+     * @since 8
+     */
+    following(offset: number): number;
+
+    /**
+     * Obtains the text being processed.
+     *
+     * @sysCap SystemCapability.I18N
+     * @return Returns the text that is processed by the BreakIterator.
+     * @since 8
+     */
+    getLineBreakText(): string;
+
+    /**
+     * Returns true if the position indicated by the offset is a break point, otherwise false. The BreakIterator's
+     * position will be set to the position indicated by the offset if it returns true, otherwise the BreakIterator
+     * will be moved to the break point following the offset.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param offset The offset to be checked.
+     * @return Returns true if the offset is a break point.
+     * @since 8
+     */
+    isBoundary(offset: number): boolean;
+}
+
+/**
+ * Sequence text can be grouped under the specified area,
+ * and grouping index with different lengths can be specified.
+ *
+ * @sysCap SystemCapability.I18N
+ * @since 8
+ */
+export class IndexUtil {
+    /**
+     * Get IndexUtil object.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param locale Indicates a character string containing the locale information, including
+     *               the language and optionally the script and region, for the NumberFormat object.
+     * @return Returns IndexUtil object.
+     * @since 8
+     */
+    getInstance(locale?:string): IndexUtil;
+
+    /**
+     * Get a list of labels for use as a UI index
+     *
+     * @sysCap SystemCapability.I18N
+     * @return Returns a list of labels
+     * @since 8
+     */
+    getIndexList(): Array<string>;
+
+    /**
+     * Add the index characters from a Locale to the index.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param locale The locale whose index characters are to be added.
+     * @since 8
+     */
+    addLocale(locale: string);
+
+    /**
+     * Get corresponding index of the input text.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param text input text
+     * @since 8
+     */
+    getIndex(text: string): string;
+}
+
+/**
+ * Provides the API for accessing unicode character properties, sunch as whether a character is a digit.
+ *
+ * @sysCap SystemCapability.I18N
+ * @since 8
+ */
+export class Character {
+    /**
+     * Determines whether the specified code point is a digit character
+     *
+     * @sysCap SystemCapability.I18N
+     * @param char the character to be tested
+     * @return Returns true if the character is a digit character
+     */
+    isDigit(char: string): boolean;
+
+    /**
+     * Determines if the specified character is a space character or not.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param char the character to be tested
+     * @return Returns true if the character is a space character
+     */
+    isSpaceChar(char: string): boolean;
+
+    /**
+     * Determines if the specified character is a whitespace character
+     *
+     * @sysCap SystemCapability.I18N
+     * @param char the character to be tested
+     * @return Returns true if the character is a whitespace character
+     */
+    isWhitespace(char: string): boolean;
+
+    /**
+     * Determines if the specified character is a RTL character or not.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param char the character to be tested
+     * @return Returns true if the character is a RTL character
+     */
+    isRTL(char: string): boolean;
+
+    /**
+     * Determines if the specified character is a Ideographic character or not.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param char the character to be tested
+     * @return Returns true if the character is a Ideographic character
+     */
+    isIdeograph(char: string): boolean;
+
+    /**
+     * Determines if the specified character is a Letter or not.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param char the character to be tested
+     * @return Returns true if the character is a Letter
+     */
+    isLetter(char: string): boolean;
+
+    /**
+     * Determines if the specified character is a LowerCase character or not.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param char the character to be tested
+     * @return Returns true if the character is a LowerCase character
+     */
+    isLowerCase(char: string): boolean;
+
+    /**
+     * Determines if the specified character is a UpperCase character or not.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param char the character to be tested
+     * @return Returns true if the character is a UpperCase character
+     */
+    isUpperCase(char: string): boolean;
+
+    /**
+     * Get the general category value of the specified character.
+     *
+     * @sysCap SystemCapability.I18N
+     * @param char the character to be tested
+     * @return Returns the general category of the specified character.
+     */
+    getType(char: string): string;
+}
 }
\ No newline at end of file
diff --git a/api/@ohos.intl.d.ts b/api/@ohos.intl.d.ts
index 04ac9877a68fb6ae18b911d611f92bddbfc669ed..4db1007e95315403b13a96bf614d3d6f5358f580 100755
--- a/api/@ohos.intl.d.ts
+++ b/api/@ohos.intl.d.ts
@@ -16,6 +16,7 @@
 /**
  * Provides internationalization related APIs.
  *
+ * @sysCap SystemCapability.I18N
  * @since 6
  * @devices phone, tablet, tv, wearable, car
  */
@@ -23,12 +24,14 @@ declare namespace intl {
 /**
  * Provides APIs for obtaining locale information.
  *
+ * @sysCap SystemCapability.I18N
  * @since 6
  */
 export class Locale {
     /**
      * A constructor used to create a Locale object.
      *
+     * @sysCap SystemCapability.I18N
      * @param locale Indicates a character string containing the locale information, including
      *               the language and optionally the script and region.
      * @since 6
@@ -38,6 +41,7 @@ export class Locale {
     /**
      * Indicates the language of the locale.
      *
+     * @sysCap SystemCapability.I18N
      * @since 6
      */
     language: string
@@ -45,6 +49,7 @@ export class Locale {
     /**
      * Indicates the script of the locale.
      *
+     * @sysCap SystemCapability.I18N
      * @since 6
      */
     script: string
@@ -52,6 +57,7 @@ export class Locale {
     /**
      * Indicates the region of the locale.
      *
+     * @sysCap SystemCapability.I18N
      * @since 6
      */
     region: string
@@ -60,34 +66,676 @@ export class Locale {
      * Indicates the basic locale information, which is returned as a substring of
      * a complete locale string.
      *
+     * @sysCap SystemCapability.I18N
      * @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.
+     *
+     * @sysCap SystemCapability.I18N
+     * @return Returns locale information in string form.
+     */
+    toString(): string;
+
+    /**
+     * Maximize the locale's base information.
+     *
+     * @sysCap SystemCapability.I18N
+     * @return Returns maximized locale.
+     */
+    maximize(): Locale;
+
+    /**
+     * Minimize the locale's base information.
+     *
+     * @sysCap SystemCapability.I18N
+     * @return Returns minimized locale.
+     */
+    minimize(): Locale;
+}
+
+/**
+ * Provides the options of date time format.
+ *
+ * @sysCap SystemCapability.I18N
+ */
+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
 }
 
 /**
  * Provides the API for formatting date strings.
  *
+ * @sysCap SystemCapability.I18N
  * @since 6
  */
 export class DateTimeFormat {
     /**
      * A constructor used to create a DateTimeFormat object.
      *
-     * @param locale Indicates a character string containing the locale information, including
+     * @sysCap SystemCapability.I18N
+     * @since 8
+     */
+    constructor();
+
+    /**
+     * A constructor used to create a DateTimeFormat object.
+     *
+     * @sysCap SystemCapability.I18N
+     * @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.
      *
+     * @sysCap SystemCapability.I18N
      * @param date Indicates the Date object to be formatted.
      * @return Returns a date string formatted based on the specified locale.
      * @since 6
      */
     format(date: Date): string;
+
+    /**
+     * Obtains the formatted date strings of a date range.
+     *
+     * @sysCap SystemCapability.I18N
+     * @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.
+     *
+     * @sysCap SystemCapability.I18N
+     * @return Returns the options of the DateTimeFormat object.
+     * @since 6
+     */
+    resolvedOptions(): DateTimeOptions;
+}
+
+/**
+ * Provides the options of number format.
+ *
+ * @sysCap SystemCapability.I18N
+ */
+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.
+ *
+ * @sysCap SystemCapability.I18N
+ */
+export class NumberFormat {
+    /**
+     * A constructor used to create a NumberFormat object.
+     *
+     * @sysCap SystemCapability.I18N
+     * @since 6
+     */
+    constructor();
+
+    /**
+     * A constructor used to create a NumberFormat object.
+     *
+     * @sysCap SystemCapability.I18N
+     * @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.
+     *
+     * @sysCap SystemCapability.I18N
+     * @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.
+     *
+     * @sysCap SystemCapability.I18N
+     * @return Returns the options of the NumberFormat object.
+     * @since 6
+     */
+    resolvedOptions(): NumberOptions;
+}
+
+/**
+ * Provides the options of Collator
+ *
+ * @sysCap SystemCapability.I18N
+ * @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.
+ *
+ * @sysCap SystemCapability.I18N
+ * @since 8
+ */
+export class Collator {
+    /**
+     * A constructor used to create Collator object.
+     *
+     * @sysCap SystemCapability.I18N
+     * @since 8
+     */
+    constructor();
+    /**
+     * A constructor used to create Collator Object;
+     *
+     * @sysCap SystemCapability.I18N
+     * @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
+     *
+     * @sysCap SystemCapability.I18N
+     * @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.
+     *
+     * @sysCap SystemCapability.I18N
+     * @return Returns a CollatorOptions object reflecting the properties of this object.
+     * @since 8
+     */
+    resolvedOptions(): CollatorOptions;
+}
+
+/**
+ * Provides the options of PluralRules
+ *
+ * @sysCap SystemCapability.I18N
+ * @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.
+ *
+ * @sysCap SystemCapability.I18N
+ * @since 8
+ */
+export class PluralRules {
+    /**
+     * A constructor used to create PluralRules object.
+     *
+     * @sysCap SystemCapability.I18N
+     * @since 8
+     */
+    constructor();
+
+    /**
+     * A constructor used to create PluralRules object.
+     *
+     * @sysCap SystemCapability.I18N
+     * @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.
+     *
+     * @sysCap SystemCapability.I18N
+     * @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;
+}
+
+/**
+ * Provides the input options of RelativeTimeFormat.
+ *
+ * @sysCap SystemCapability.Intl
+ * @since 8
+ */
+ export interface RelativeTimeFormatInputOptions {
+    /**
+     * The locale matching algorithm to use.
+     * Possible values are: lookup, best fit
+     */
+    localeMatcher: string;
+
+    /**
+     * The format of output message.
+     * Possible values are: always, auto
+     */
+    numeric: string;
+
+    /**
+     * The length of the internationalized message.
+     * Possible values are: long, short, narrow
+     */
+    style: string;
+}
+
+/**
+ * Provides the resolved options of RelativeTimeFormat.
+ *
+ * @sysCap SystemCapability.Intl
+ * @since 8
+ */
+export interface RelativeTimeFormatResolvedOptions {
+    /**
+     * The BCP 47 language tag for the locale actually used.
+     */
+    locale: string;
+
+    /**
+     * The length of the internationalized message.
+     * Possible values are: long, short, narrow
+     */
+    style: string;
+
+    /**
+     * The format of output message.
+     * Possible values are: always, auto
+     */
+    numeric: string;
+
+    /**
+     * The value requested using the Unicode extension key "nu" or filled in as a default.
+     */
+    numberingSystem: string;
+}
+
+/**
+ * Given a Time period length value and a unit, RelativeTimeFormat object enables
+ * language-sensitive relative time formatting.
+ *
+ * @sysCap SystemCapability.Intl
+ * @since 8
+ */
+export class RelativeTimeFormat {
+    /**
+     * A constructor used to create RelativeTimeFormat object.
+     *
+     * @sysCap SystemCapability.Intl
+     * @since 8
+     */
+    constructor();
+
+    /**
+     * A constructor used to create RelativeTimeFormat object.
+     *
+     * @sysCap SystemCapability.Intl
+     * @param locale Indicates a character string containing the locale information, including
+     *               the language and optionally the script and region, for the RelativeTimeFormat object.
+     * @param options Indicates the options used to initialize RelativeTimeFormat object.
+     * @since 8
+     */
+    constructor(locale: string | Array<string>, options?: RelativeTimeFormatInputOptions);
+
+    /**
+     * formats a value and unit according to the locale and formatting options of this object.
+     *
+     * @sysCap SystemCapability.Intl
+     * @param value Numeric value to use in the internationalized relative time message.
+     * @param unit Unit to use in the relative time internationalized message.
+     *             Possible values are: year, quarter, month, week, day, hour, minute, second.
+     * @returns formatted language-sensitive relative time.
+     * @since 8
+     */
+    format(value: number, unit: string): string;
+
+    /**
+     * returns an Array of objects representing the relative time format in parts that can be used for
+     * custom locale-aware formatting
+     *
+     * @sysCap SystemCapability.Intl
+     * @param value Numeric value to use in the internationalized relative time message.
+     * @param unit to use in the relative time internationalized message.
+     *             Possible values are: year, quarter, month, week, day, hour, minute, second.
+     * @returns an Array of objects representing the relative time format in parts
+     * @since 8
+     */
+    formatToParts(value: number, unit: string): Array<object>;
+
+    /**
+     * Returns a new object with properties reflecting the locale and formatting options computed during
+     * initialization of the object.
+     *
+     * @sysCap SystemCapability.Intl
+     * @returns RelativeTimeFormatOptions which reflecting the locale and formatting options of the object.
+     * @since 8
+     */
+    resolvedOptions(): RelativeTimeFormatResolvedOptions;
 }
 }
 export default intl;
\ No newline at end of file
diff --git a/api/@ohos.multimedia.media.d.ts b/api/@ohos.multimedia.media.d.ts
index e55930a0c0bc2954247d44fabe8b9abd447cc173..54d94dab6c71cec42212e1888ce1a2992b574c6e 100755
--- a/api/@ohos.multimedia.media.d.ts
+++ b/api/@ohos.multimedia.media.d.ts
@@ -13,116 +13,363 @@
 * limitations under the License.
 */
 
-import {ErrorCallback, AsyncCallback, Callback} from './basic';
+import { ErrorCallback, AsyncCallback, Callback } from './basic';
 
 /**
  * @name media
- * @sysCap SystemCapability.Multimedia.Media
- * @import import media from '@ohos.multimedia.media';
- * This part of the function is temporarily unavailable due to permission issues in the standard system,
- * waiting for update
+ * @since 6
+ * @SysCap SystemCapability.Multimedia.Media
+ * @import import media from '@ohos.multimedia.media'
+ * @devices phone, tablet, tv, wearable
  */
 declare namespace media {
+  /**
+   * Creates an AudioPlayer instance.
+   * @since 6
+   * @SysCap SystemCapability.Multimedia.Media
+   * @import import media from '@ohos.multimedia.media'
+   * @return Returns an AudioPlayer instance if the operation is successful; returns null otherwise.
+   */
+  function createAudioPlayer(): AudioPlayer;
+
+  /**
+   * Creates an AudioRecorder instance.
+   * @since 6
+   * @SysCap SystemCapability.Multimedia.Media
+   * @import import media from '@ohos.multimedia.media'
+   * @return Returns an AudioRecorder instance if the operation is successful; returns null otherwise.
+   */
+  function createAudioRecorder(): AudioRecorder;
+
+  /**
+   * Describes audio playback states.
+   */
+  type AudioState = 'idle' | 'playing' | 'paused' | 'stopped';
+
+  /**
+   * Manages and plays audio. Before calling an AudioPlayer method, you must use createAudioPlayer() to create an AudioPlayer instance.
+   */
+  interface AudioPlayer {
+    /**
+     * Starts audio playback.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    play(): void;
+
+    /**
+     * Pauses audio playback.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    pause(): void;
+
+    /**
+     * Stops audio playback.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    stop(): void;
+
+    /**
+     * Resets audio playback.
+     * @devices phone, tablet, tv, wearable
+     * @since 7
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+     reset(): void;
+
+    /**
+     * Jumps to the specified playback position.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     * @param timeMs Playback position to jump
+     */
+    seek(timeMs: number): void;
+
+    /**
+     * Sets the volume.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     * @param vol Relative volume. The value ranges from 0.00 to 1.00. The value 1 indicates the maximum volume (100%).
+     */
+    setVolume(vol: number): void;
+
+    /**
+     * Releases resources used for audio playback.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    release(): void;
+
+    /**
+     * Audio media URI. Mainstream audio formats are supported.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    src: string;
+
+    /**
+     * Whether to loop audio playback. The value true means to loop playback.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    loop: boolean;
+
+    /**
+     * Current playback position.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    readonly currentTime: number;
+
+    /**
+     * Playback duration. When the data source does not support seek, it returns - 1, such as a live broadcast scenario.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    readonly duration: number;
+
+    /**
+     * Playback state.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    readonly state: AudioState;
+
+    /**
+     * Listens for audio playback events.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     * @param type Type of the playback event to listen for.
+     * @param callback Callback used to listen for the playback event.
+     */
+    on(type: 'play' | 'pause' | 'stop' | 'reset' | 'dataLoad' | 'finish' | 'volumeChange', callback: () => void): void;
+
+    /**
+     * Listens for audio playback events.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     * @param type Type of the playback event to listen for.
+     * @param callback Callback used to listen for the playback event.
+     */
+    on(type: 'timeUpdate', callback: Callback<number>): void;
+
+    /**
+     * Listens for playback error events.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     * @param type Type of the playback error event to listen for.
+     * @param callback Callback used to listen for the playback error event.
+     */
+    on(type: 'error', callback: ErrorCallback): void;
+  }
+
+  /**
+   * Enumerates audio encoding formats.
+   * @since 6
+   * @SysCap SystemCapability.Multimedia.Media
+   * @import import media from '@ohos.multimedia.media'
+   * @devices phone, tablet, tv, wearable
+   */
+  enum AudioEncoder {
+    /**
+     * Advanced Audio Coding Low Complexity (AAC-LC).
+     */
+    AAC_LC = 3,
+  }
+
+  /**
+   * Enumerates audio output formats.
+   * @since 6
+   * @SysCap SystemCapability.Multimedia.Media
+   * @import import media from '@ohos.multimedia.media'
+   * @devices phone, tablet, tv, wearable
+   */
+  enum AudioOutputFormat {
+    /**
+     * Indicates the Moving Picture Experts Group-4 (MPEG4) media format.
+     */
+    MPEG_4 = 2,
+
+    /**
+     * Audio Data Transport Stream (ADTS), a transmission stream format of Advanced Audio Coding (AAC) audio.
+     */
+    AAC_ADTS = 6
+  }
+
+  interface Location {
+    /**
+     * Latitude.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    latitude: number;
+
+    /**
+     * Longitude.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    longitude: number;
+  }
+
+  interface AudioRecorderConfig {
+    /**
+     * Audio encoding format. The default value is DEFAULT.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    audioEncoder?: AudioEncoder;
+
+    /**
+     * Audio encoding bit rate.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    audioEncodeBitRate?: number;
+
     /**
-     * Create the AudioPlayer instance to manage audio play
-     * @sysCap SystemCapability.Multimedia.Media
-     */
-    function createAudioPlayer(): AudioPlayer;
-
-    /**
-     * Audio playback state
-     */
-    type AudioState = 'playing' | 'paused' | 'stopped';
-
-    interface AudioPlayer {
-        /**
-         * start to play audio resource
-         * @devices phone
-         * @sysCap SystemCapability.Multimedia.Media
-         */
-        play(): void;
-
-        /**
-         * pause playing
-         * @devices phone
-         * @sysCap SystemCapability.Multimedia.Media
-         */
-        pause(): void;
-
-        /**
-         * stop playing
-         * @devices phone
-         * @sysCap SystemCapability.Multimedia.Media
-         */
-        stop(): void;
-
-        /**
-         * jump to a specified location
-         * @devices phone
-         * @sysCap SystemCapability.Multimedia.Media
-         * @param time position to seek
-         */
-        seek(timeMs: number):void;
-
-        /**
-         * change the audioplayer volume
-         * @devices phone
-         * @sysCap SystemCapability.Multimedia.Media
-         * @param volume to set
-         */
-        setVolume(vol: number): void;
-
-        /**
-         * release audio resource
-         * @devices phone
-         * @sysCap SystemCapability.Multimedia.Media
-         */
-        release(): void;
-
-        /**
-         * audio resource URI
-         * @devices phone
-         * @sysCap SystemCapability.Multimedia.Media
-         */
-        src: string;
-
-        /**
-         * whether audio is single looping
-         * @devices phone
-         * @sysCap SystemCapability.Multimedia.Media
-         * @option true "The audio looping function is enabled."
-         * @option false "The audio looping function is disabled."
-         */
-        loop: boolean;
-
-         /**
-         * audio property of current progress
-         * @devices phone
-         * @sysCap SystemCapability.Multimedia.Media
-         */
-        readonly currentTime: number;
-
-         /**
-         * audio property of audio playback duration
-         * @devices phone
-         * @sysCap SystemCapability.Multimedia.Media
-         */
-        readonly duration: number;
-
-        /**
-         * audio property of playback status
-         * @devices phone
-         * @sysCap SystemCapability.Multimedia.Media
-         */
-        readonly state: AudioState;
-
-        /**
-         * audio callback function for listening to event
-         * @devices phone
-         * @sysCap SystemCapability.Multimedia.Media
-         */
-        on(type: 'play' | 'pause' | 'stop' | 'dataLoad' | 'finish' | 'volumeChange' | 'timeUpdate', callback: ()=>{}):void;
-        on(type:'error', callback: ErrorCallback):void;
-    }
+     * Audio sampling rate.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    audioSampleRate?: number;
+
+    /**
+     * Number of audio channels.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    numberOfChannels?: number;
+
+    /**
+     * Audio output format. The default value is DEFAULT.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    format?: AudioOutputFormat;
+
+    /**
+     * Audio output uri.support two kind of uri now.
+     * format like: scheme + "://" + "context".
+     * file:  file://path
+     * fd:    fd://fd
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    uri: string;
+
+    /**
+     * Geographical location information.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    location?: Location;
+  }
+
+  interface AudioRecorder {
+    /**
+     * Prepares for recording.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     * @param config Recording parameters.
+     */
+    prepare(config: AudioRecorderConfig): void;
+
+    /**
+     * Starts audio recording.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    start(): void;
+
+    /**
+     * Pauses audio recording.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    pause(): void;
+
+    /**
+     * Resumes audio recording.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    resume(): void;
+
+    /**
+     * Stops audio recording.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    stop(): void;
+
+    /**
+     * Releases resources used for audio recording.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    release(): void;
+
+    /**
+     * Resets audio recording.
+     * Before resetting audio recording, you must call stop() to stop recording. After audio recording is reset, you must call prepare() to set the recording configurations for another recording.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     */
+    reset(): void;
+
+    /**
+     * Listens for audio recording events.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     * @param type Type of the audio recording event to listen for.
+     * @param callback Callback used to listen for the audio recording event.
+     */
+    on(type: 'prepare' | 'start' | 'pause' | 'resume' | 'stop' | 'release' | 'reset', callback: () => void): void;
+
+    /**
+     * Listens for audio recording error events.
+     * @devices phone, tablet, tv, wearable
+     * @since 6
+     * @SysCap SystemCapability.Multimedia.Media
+     * @param type Type of the audio recording error event to listen for.
+     * @param callback Callback used to listen for the audio recording error event.
+     */
+    on(type: 'error', callback: ErrorCallback): void;
+  }
 }
-export default media;
+
+export default media;
\ No newline at end of file
diff --git a/api/@ohos.notification.d.ts b/api/@ohos.notification.d.ts
index 869beba60ae1571b8d17f51e908d61aef11a6863..661c8d46d9a95475ac3f01406491a2b1443e8522 100644
--- a/api/@ohos.notification.d.ts
+++ b/api/@ohos.notification.d.ts
@@ -34,6 +34,7 @@ import { NotificationRequest } from './notification/notificationRequest';
  * @since 7
  * @sysCap SystemCapability.Notification.ANS
  * @devices phone, tablet, tv, wearable, car
+ * @import import notification from '@ohos.notification';
  * @permission N/A
  */
 declare namespace notification {
@@ -43,39 +44,29 @@ declare namespace 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 request Indicates the {@link NotificationRequest} object for setting the notification content.
-   * This parameter must be specified.
-   *
-   * @since 7
+   * @param Publishes a notification.
    */
   function publish(request: NotificationRequest, callback: AsyncCallback<void>): void;
   function publish(request: NotificationRequest): Promise<void>;
 
   /**
-   * Cancels a published notification.
-   *
-   * @param id Indicates the unique notification ID in the application. The value must be the ID
-   * of a published notification. Otherwise, this method does not take effect.
+   * Cancels a notification with the specified ID.
    *
-   * @since 7
+   * @param ID of the notification to cancel, which must be unique in the application.
    */
   function cancel(id: number, callback: AsyncCallback<void>): void;
 
   /**
-   * Cancels a published notification matching the specified {@code label} and {@code notificationId}.
-   *
-   * @param label Indicates the label of the notification to cancel.
-   * @param id Indicates the ID of the notification to cancel.
+   * Cancels a notification with the specified label and ID.
    *
-   * @since 7
+   * @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 the published notifications.
-   *
-   * @since 7
+   * Cancels all notifications of the current application.
    */
   function cancelAll(callback: AsyncCallback<void>): void;
   function cancelAll(): Promise<void>;
@@ -87,18 +78,23 @@ declare namespace notification {
    * This parameter must be specified.
    *
    * @systemapi Hide this for inner system use.
-   * @since 7
    */
   function addSlot(slot: NotificationSlot, callback: AsyncCallback<void>): void;
-  function addSlot(slot: NotificationSlot): Promise<void>;
 
   /**
    * Creates a notification slot.
    *
-   * @param slot Indicates the notification slot to be created, which is set by {@link SlotType}.
+   * @param slot Indicates the notification slot to be created, which is set by {@link NotificationSlot}.
    * This parameter must be specified.
    *
-   * @since 7
+   * @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>;
@@ -110,66 +106,83 @@ declare namespace notification {
    * This parameter must be specified.
    *
    * @systemapi Hide this for inner system use.
-   * @since 7
    */
   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>;
 
   /**
-   * Queries a created notification slot.
+   * Obtains a notification slot of the specified slot type.
    *
-   * @param slotType Indicates the type of the slot, which is created by
+   * @param Type of the notification slot to obtain.
    *
    * @return Returns the created {@link NotificationSlot}.
-   *
-   * @since 7
    */
   function getSlot(slotType: SlotType, callback: AsyncCallback<NotificationSlot>): void;
   function getSlot(slotType: SlotType): Promise<NotificationSlot>;
 
   /**
-   * Obtains all notification slots of this application.
+   * Obtains all NotificationSlot objects created by the current application.
    *
    * @return Returns all notification slots of this application.
-   *
-   * @since 7
    */
   function getSlots(callback: AsyncCallback<Array<NotificationSlot>>): void;
   function getSlots(): Promise<Array<NotificationSlot>>;
 
   /**
-   * Deletes a created notification slot based on the slot type.
-   *
-   * @param slotType Indicates the type of the slot.
+   * Removes a NotificationSlot of the specified SlotType created by the current application.
    *
-   * @since 7
+   * @param Type of the NotificationSlot to remove.
    */
   function removeSlot(slotType: SlotType, callback: AsyncCallback<void>): void;
   function removeSlot(slotType: SlotType): Promise<void>;
 
   /**
-   * Deletes all notification slots.
-   *
-   * @since 7
+   * Removes all NotificationSlot objects created by the current application.
    */
   function removeAllSlots(callback: AsyncCallback<void>): void;
   function removeAllSlots(): Promise<void>;
 
   /**
-   * Indicates the type of the slot
-   *
-   * @since 7
+   * 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,
   }
 
   /**
-   * Indicates the type of the content
+   * Describes notification content types.
    *
    * @name ContentType
    * @since 7
@@ -178,23 +191,63 @@ declare namespace notification {
    * @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
-   *
-   * @since 7
    */
   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,
   }
 
@@ -202,119 +255,214 @@ declare namespace notification {
    * subscribe
    *
    * @systemapi Hide this for inner system use.
-   * @since 7
+   * @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.
-   * @since 7
+   * @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.
-   * @since 7
+   * @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.
-   * @since 7
    */
   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.
-   * @since 7
    */
   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.
-   * @since 7
    */
   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.
-   * @since 7
    */
   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.
-   * @since 7
+   * @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.
-   * @since 7
+   * @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.
-   * @since 7
    */
   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.
-   * @since 7
+   * @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.
-   * @since 7
+   * @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.
-   * @since 7
+   * @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>;
 
   /**
@@ -322,31 +470,81 @@ declare namespace notification {
    * call this method.
    *
    * @systemapi Hide this for inner system use.
-   * @since 7
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
    */
   function getAllActiveNotifications(callback: AsyncCallback<Array<NotificationRequest>>): void;
-  function getAllActiveNotifications(): Promise<Array<NotificationRequest>>;
 
   /**
-   * Obtains the number of active notifications of the current application in the system.
+   * Obtains all active notifications in the current system. The caller must have system permissions to
+   * call this method.
    *
-   * @since 7
+   * @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 active notifications of the current application in the system.
-   *
-   * @since 7
+   * Obtains an array of active notifications.
    */
   function getActiveNotifications(callback: AsyncCallback<Array<NotificationRequest>>): void;
   function getActiveNotifications(): Promise<Array<NotificationRequest>>;
 
   /**
-   * BundleOption
+   * Cancel the notification of a specified group for this application.
    *
-   * @since 7
+   * @since 8
+   */
+  function cancelGroup(groupName: string, callback: AsyncCallback<void>): void;
+  function cancelGroup(groupName: string): Promise<void>;
+
+  /**
+   * Delete the notification of a specified group for this application.
+   *
+   * @since 8
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function removeGroupByBundle(bundle: BundleOption, groupName: string, callback: AsyncCallback<void>): void;
+  function removeGroupByBundle(bundle: BundleOption, groupName: string): Promise<void>;
+
+  /**
+   * Set the Do Not Disturb date.
+   *
+   * @since 8
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function setDoNotDisturbDate(date: DoNotDisturbDate, callback: AsyncCallback<void>): void;
+  function setDoNotDisturbDate(date: DoNotDisturbDate): Promise<void>;
+
+  /**
+   * Obtains the Do Not Disturb date.
+   *
+   * @since 8
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function getDoNotDisturbDate(callback: AsyncCallback<DoNotDisturbDate>): void;
+  function getDoNotDisturbDate(): Promise<DoNotDisturbDate>;
+
+  /**
+   * Obtains whether to support the Do Not Disturb mode.
+   *
+   * @since 8
+   * @systemapi Hide this for inner system use.
+   * @permission ohos.permission.NOTIFICATION_CONTROLLER
+   */
+  function supportDoNotDisturbMode(callback: AsyncCallback<boolean>): void;
+  function supportDoNotDisturbMode(): Promise<boolean>;
+
+  /**
+   * Describes a BundleOption.
    */
   export interface BundleOption {
     bundle: string;
@@ -354,9 +552,7 @@ declare namespace notification {
   }
 
   /**
-   * NotificationKey
-   *
-   * @since 7
+   * Describes a NotificationKey, which can be used to identify a notification.
    */
   export interface NotificationKey {
     id: number;
@@ -367,7 +563,6 @@ declare namespace notification {
    * DisturbMode
    *
    * @systemapi Hide this for inner system use.
-   * @since 7
    */
   export enum DoNotDisturbMode {
     ALLOW_UNKNOWN,
@@ -394,6 +589,85 @@ declare namespace notification {
      */
     ALLOW_ALARMS
   }
+
+  /**
+   * The type of the Do Not Disturb.
+   *
+   * @since 8
+   * @systemapi Hide this for inner system use.
+   */
+   export enum DoNotDisturbType {
+    /**
+     * Non do not disturb type notification
+     */
+    TYPE_NONE = 0,
+
+    /**
+     * Execute do not disturb once in the set time period (only watch hours and minutes)
+     */
+    TYPE_ONCE = 1,
+
+    /**
+     * Execute do not disturb every day with a set time period (only watch hours and minutes)
+     */
+    TYPE_DAILY = 2,
+
+    /**
+     * Execute in the set time period (specify the time, month, day and hour)
+     */
+    TYPE_CLEARLY = 3,
+  }
+
+  /**
+   * Describes a DoNotDisturbDate instance.
+   *
+   * @systemapi Hide this for inner system use.
+   */
+  export interface DoNotDisturbDate {
+    /**
+     * the type of the Do Not Disturb.
+     *
+     * @since 8
+     */
+    type: DoNotDisturbType;
+
+    /**
+     * the start time of the Do Not Disturb.
+     *
+     * @since 8
+     */
+    begin: Date;
+
+    /**
+     * the end time of the Do Not Disturb.
+     *
+     * @since 8
+     */
+    end: Date;
+  }
+
+  /**
+   * Notification source type
+   *
+   * @since 8
+   * @systemapi Hide this for inner system use.
+   */
+  export enum SourceType {
+    /**
+     * General notification
+     */
+    TYPE_NORMAL = 0x00000000,
+
+    /**
+     * Continuous notification
+     */
+    TYPE_CONTINUOUS = 0x00000001,
+
+    /**
+     * Scheduled notification
+     */
+    TYPE_TIMER = 0x00000002,
+  }
 }
 
 export default notification;
diff --git a/api/@ohos.process.d.ts b/api/@ohos.process.d.ts
index 845c97fe98c04e51cb556a9c5d03208bbe1628e3..575b00e27cf81f677a7591a2fbc061971c257af2 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 target process exit code
+        * @since 7
+        * @sysCap SystemCapability.CCRuntime
+        * @systemapi Hide this for inner system use
+        * @return return the target 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;
     }
+
+    /**
+    * 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.
+    */
+    const egid: 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[];
+
+    /**
+    * 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 process.
+    */
+    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;
+
     /**
-    * spawns a new ChildProcess to run the command
+    * Returns a boolean whether the process is isolated.
+    * @since 8
+    * @sysCap SystemCapability.CCRuntime
+    * @return return boolean whether the process is isolated.
     */
-    function runCmd(command: string, options?: RunOptions): ChildProcess;
+    function isIsolatedProcess(): boolean;
 
-    function getPid(): number;
-    function getPpid(): number;
+    /**
+    * 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;
 
     /**
-    *abort current process
-    *@return void
+    * 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 1ac9bab934005119d392473558078dbec9263d9e..3c9f54b613f777c3a46aaa45f8279f8130b95e59 100644
--- a/api/@ohos.resourceManager.d.ts
+++ b/api/@ohos.resourceManager.d.ts
@@ -358,6 +358,24 @@ export interface ResourceManager {
      * @since 6
      */
     getPluralString(resId: number, num: number): Promise<string>;
+
+    /**
+     * Obtains the raw file resource corresponding to the specified resource path in callback mode.
+     *
+     * @param path Indicates the resource relative path.
+     * @param callback Indicates the asynchronous callback used to return the raw file resource.
+     * @since 8
+     */
+    getRawFile(path: string, callback: AsyncCallback<Uint8Array>);
+
+    /**
+     * Obtains the raw file resource corresponding to the specified resource path in Promise mode.
+     *
+     * @param path Indicates the resource relative path.
+     * @return Returns the raw file resource corresponding to the specified resource path.
+     * @since 8
+     */
+    getRawFile(path: string): Promise<Uint8Array>;
 }
 }
 export default resmgr;
\ No newline at end of file
diff --git a/api/@ohos.rpc.d.ts b/api/@ohos.rpc.d.ts
index bb0340e7bb3b9e2b65f45095c007e7d5fa0b66d4..12d1165fd84efed9ac00deeed1ca96aaeeea6984 100644
--- a/api/@ohos.rpc.d.ts
+++ b/api/@ohos.rpc.d.ts
@@ -13,109 +13,742 @@
  * 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[];
-        readBooleanArray(dataIn: boolean[]) : void;
-        readBooleanArray(): boolean[];
-        readCharArray(dataIn: boolean[]) : void;
-        readCharArray(): boolean[];
-        readStringArray(dataIn: string[]) : void;
-        readStringArray(): string[];
-    }
 
-    interface Sequenceable {
-        hasFileDescriptor(): boolean;
-        marshalling(dataOut: MessageParcel): boolean;
-        unmarshalling(dataIn: MessageParcel) : boolean;
-    }
+        /**
+         * 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;
 
-    enum IRemoteObject {
         /**
-         * Indicates the message code for a Ping operation.
+         * 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
          */
-        PING_TRANSACTION = ('_' << 24) | ('P' << 16) | ('N' << 8) | 'G',
+        readBooleanArray(): boolean[];
 
         /**
-         * Indicates the message code for a dump operation.
+         * 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
          */
-        DUMP_TRANSACTION = ('_' << 24) | ('D' << 16) | ('M' << 8) | 'P',
+        readCharArray(dataIn: boolean[]) : void;
 
         /**
-         * Indicates the message code for a transmission.
+         * 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
          */
-        INTERFACE_TRANSACTION = ('_' << 24) | ('N' << 16) | ('T' << 8) | 'F',
+        readCharArray(): boolean[];
 
         /**
-         * Indicates the minimum value of a valid message code.
-         *
-         * <p>This constant is used to check the validity of an operation.
+         * 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
          */
-        MIN_TRANSACTION_ID = 0x1,
+        readStringArray(dataIn: string[]) : void;
 
         /**
-         * Indicates the maximum value of a valid message code.
-         *
-         * <p>This constant is used to check the validity of an operation.
+         * 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
          */
-        MAX_TRANSACTION_ID = 0x00FFFFFF,
+        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 {
@@ -145,11 +778,11 @@ declare namespace rpc {
          * @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 {@code true} if the method is called successfully; returns {@code false} otherwise.
+         * @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): boolean;
+        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.
@@ -193,29 +826,96 @@ declare namespace rpc {
     }
 
     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;
     }
 
-    enum  MessageOption {
+    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,
-        TF_WAIT_TIME  = 4,
-        MAX_WAIT_TIME  = 3000,
-    }
 
-    interface MessageOption {
-        syncflags: number;
-        waitTime: number;
+        /**
+         * 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 {
-        descriptor: string;
-        interface: 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.
@@ -262,10 +962,10 @@ declare namespace rpc {
          * @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 {@code true} if the operation succeeds; returns {@code false} otherwise.
+         * @return Returns a promise.
          * @since 7
          */
-        sendRequest(code: number, data: MessageParcel, reply: MessageParcel, options: MessageOption): boolean;
+        sendRequest(code: number, data: MessageParcel, reply: MessageParcel, options: MessageOption): Promise<void>;
 
         /**
          * Obtains the PID of the {@link RemoteProxy} object.
@@ -296,6 +996,35 @@ declare namespace rpc {
     }
 
     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.
          *
@@ -343,11 +1072,11 @@ declare namespace rpc {
          * @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 {@code true} if the operation succeeds; returns {@code false} otherwise.
+         * @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): boolean;
+        sendRequest(code: number, data: MessageParcel, reply: MessageParcel, options: MessageOption): Promise<void>;
 
         /**
          * Checks whether the {@code RemoteObject} corresponding to a {@code RemoteProxy} is dead.
diff --git a/api/@ohos.sensor.d.ts b/api/@ohos.sensor.d.ts
new file mode 100755
index 0000000000000000000000000000000000000000..e217076ba687adf1824680b883059afa8847e585
--- /dev/null
+++ b/api/@ohos.sensor.d.ts
@@ -0,0 +1,718 @@
+/*
+ * 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 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;
+
+    /**
+     * Indicates geographic location.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface LocationOptions {
+        latitude: number;
+        longitude: number;
+        altitude: number;
+    }
+
+    /**
+     * Indicates geomagnetic field data.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface GeomagneticResponse {
+        x: number;
+        y: number;
+        z: number;
+        geomagneticDip: number;
+        deflectionAngle: number;
+        levelIntensity: number;
+        totalIntensity: number;
+    }
+
+   /**
+   * Implements the calculation of the geomagnetic field at a specific location on Earth.
+   *
+   * @param LocationOptions Indicates geographic location, {@code LocationOptions}.
+   * @param timeMillis Indicates the time at which the magnetic declination is to be obtained, in milliseconds
+   * since the Unix epoch.
+   * @return Returns the geomagnetic field data, {@code GeomagneticResponse}.
+   * @since 8
+   */
+    function getGeomagneticField(locationOptions: LocationOptions, timeMillis: number, callback: AsyncCallback<GeomagneticResponse>): void;
+    function getGeomagneticField(locationOptions: LocationOptions, timeMillis: number): Promise<GeomagneticResponse>;
+
+    /**
+     * 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 */
+    }
+
+    /**
+     * The basic data structure of the sensor event.
+     * @devices phone, tablet
+     * @sysCap SystemCapability.Sensors.Sensor
+     */
+    interface Response {
+        timestamp: number; /**< The timestamp of the reported sensor data */
+    }
+
+    /**
+     * 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.statfs.d.ts b/api/@ohos.statfs.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..53a32c9eabdad6dccc590bab026a12559b86f90e
--- /dev/null
+++ b/api/@ohos.statfs.d.ts
@@ -0,0 +1,42 @@
+/*
+* 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 filesystem statistics APIs
+ *
+ * @since 8
+ * @sysCap N/A
+ * @devices phone, tablet
+ */
+declare namespace Statfs {
+  /**
+   * Get the number of free bytes on the specified path.
+   *
+   * @since 8
+   */
+  function getFreeBytes(path: string, callback: AsyncCallback<number>): void;
+  function getFreeBytes(path: string): Promise<number>;
+  /**
+   * Get the total number of bytes of the specified path.
+   *
+   * @since 8
+   */
+  function getTotalBytes(path: string, callback: AsyncCallback<number>): void;
+  function getTotalBytes(path: string): Promise<number>;
+}
+
+export default Statfs;
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.uri.d.ts b/api/@ohos.uri.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..06440d2617ef05ab5f182c32df86d5e0692744d2
--- /dev/null
+++ b/api/@ohos.uri.d.ts
@@ -0,0 +1,129 @@
+/*
+* 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 uri module provides utilities for URI resolution and parsing.
+ * @since 8
+ * @sysCap SystemCapability.CCRuntime
+ * @devices phone, tablet
+ * @import import uri from '@ohos.uri';
+ * @permission N/A
+ */
+declare namespace uri {
+    class URI {
+        /**
+         * URI constructor, which is used to instantiate a URI object.
+         * uri: Constructs a URI by parsing a given string.
+         */
+        constructor(uri: string);
+
+        /**
+         * Returns the serialized URI as a string.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the serialized URI as a string.
+         */
+        toString(): string
+
+        /**
+         * Tests whether this URI is equivalent to other URI objects.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param other URI object to be compared
+         * @return boolean Tests whether this URI is equivalent to other URI objects.
+         */
+        equals(other: URI): boolean;
+
+        /**
+         * Indicates whether this URI is an absolute URI.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return boolean Indicates whether the URI is an absolute URI (whether the scheme component is defined).
+         */
+        checkIsAbsolute(): boolean;
+
+        /**
+         * Normalize the path of this URI.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return URI Used to normalize the path of this URI and return a URI object whose path has been normalized.
+         */
+        normalize(): URI;
+
+        /**
+         * Gets the protocol part of the URI.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        scheme: string;
+
+        /**
+         * Obtains the user information part of the URI.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        userinfo: string;
+
+        /**
+         * Gets the hostname portion of the URI without a port.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        host: string;
+
+        /**
+         * Gets the port portion of the URI.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        port: string;
+
+        /**
+         * Gets the path portion of the URI.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        path: string;
+
+        /**
+         * Gets the query portion of the URI
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        query: string;
+
+        /**
+         * Gets the fragment part of the URI.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        fragment: string;
+
+        /**
+         * Gets the decoding permission component part of this URI.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        authority: string;
+
+        /**
+         * Gets the decoding scheme-specific part of the URI.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        ssp: string;
+    }
+}
+export default uri;
\ No newline at end of file
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..a2e7914b17b8b81655bfa422998c568f20e634a3 100644
--- a/api/@ohos.util.d.ts
+++ b/api/@ohos.util.d.ts
@@ -1,82 +1,905 @@
 /*
-* 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 };
     }
-}
 
-export default util;
+    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.
+         */
+        valueOf(): 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.
+         */
+        length:number
+        /**
+         * Obtains the capacity of the current buffer.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @return Returns the capacity of the current buffer.
+         */
+        getCapacity(): 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 Indicates the key to delete.
+         * @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;
+
+    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,otherwise 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,otherwise 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.
+         */
+        encodeSync(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.
+         */
+        encodeToStringSync(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.
+         */
+        decodeSync(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.
+         */
+        encode(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.
+         */
+         encodeToString(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.
+         */
+        decode(src: Uint8Array | string): Promise<Uint8Array>;
+    }
+
+    class types{
+        /**
+         * The types constructor
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param No input parameter is required.
+         * @return No return value.
+         */
+        constructor();
+        /**
+         * Check whether the entered value is of arraybuffer or sharedarraybuffer type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A ArrayBuffer or SharedArrayBuffer value
+         * @Returns true if the value is a built-in ArrayBuffer or SharedArrayBuffer instance..
+         */
+        isAnyArrayBuffer(value: Object): boolean;
+        /**
+         * Check whether the type is included in the isAnyArrayBuffer.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A included in the isAnyArrayBuffer value
+         * @return Returns true if the value is an instance of one of the ArrayBuffer views, such as typed array objects or DataView. Equivalent to ArrayBuffer.isView().
+         */
+        isArrayBufferView(value: Object): boolean;
+        /**
+         * Check whether the entered value is an arguments object type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A arguments value
+         * @return Returns true if the value is an arguments object.
+         */
+        isArgumentsObject(value: Object): boolean;
+        /**
+         * Check whether the entered value is of arraybuffer type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A arraybuffer value
+         * @return Returns true if the value is a built-in ArrayBuffer instance. This does not include SharedArrayBuffer instances. Usually, it is desirable to test for both; See isAnyArrayBuffer() for that.
+         */
+        isArrayBuffer(value: Object): boolean;
+        /**
+         * Check whether the value entered is an asynchronous function type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A async function value
+         * @return Returns true if the value is an async function. This only reports back what the JavaScript engine is seeing; in particular, the return value may not match the original source code if a transpilation tool was used.
+         */
+        isAsyncFunction(value: Object): boolean;
+        /**
+         * Check whether the entered value is of bigint64array array type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A BigInt64Array value
+         * @return Returns true if the value is a BigInt64Array instance.
+         */
+        isBigInt64Array(value: Object): boolean;
+        /**
+         * Check whether the entered value is of biguint64array array array type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A BigUint64Array value
+         * @return Returns true if the value is a BigUint64Array instance.
+         */
+        isBigUint64Array(value: Object): boolean;
+        /**
+         * Check whether the entered value is a Boolean object type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A boolean object value
+         * @return Returns true if the value is a boolean object, e.g. created by new Boolean().
+         */
+        isBooleanObject(value: Object): boolean;
+        /**
+         * Check whether the entered value is a Boolean or number or string or symbol object type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A boxed primitive object value
+         * @return Returns true if the value is any boxed primitive object, e.g. created by new Boolean(), new String() or Object(Symbol()).
+         */
+        isBoxedPrimitive(value: Object): boolean;
+        /**
+         * Check whether the entered value is of DataView type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A DataView value
+         * @return Returns true if the value is a built-in DataView instance.
+         */
+        isDataView(value: Object): boolean;
+        /**
+         * Check whether the entered value is of type date.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Date value
+         * @return Returns true if the value is a built-in Date instance.
+         */
+        isDate(value: Object): boolean;
+        /**
+         * Check whether the entered value is a native external value type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A External value
+         * @return Returns true if the value is a native External value.
+         */
+        isExternal(value: Object): boolean;
+        /**
+         * Check whether the entered value is of float32array array type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Float32Array value
+         * @return Returns true if the value is a built-in Float32Array instance.
+         */
+        isFloat32Array(value: Object): boolean;
+        /**
+         * Check whether the entered value is of float64array array type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Float64Array value
+         * @return Returns true if the value is a built-in Float64Array instance.
+         */
+        isFloat64Array(value: Object): boolean;
+        /**
+         * Check whether the input value is a generator function type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A generator function value
+         * @return Returns true if the value is a generator function. This only reports back what the JavaScript engine is seeing; in particular, the return value may not match the original source code if a transpilation tool was used.
+         */
+        isGeneratorFunction(value: Object): boolean;
+        /**
+         * Check whether the entered value is a generator object type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A generator object value
+         * @return Returns true if the value is a generator object as returned from a built-in generator function. This only reports back what the JavaScript engine is seeing; in particular, the return value may not match the original source code if a transpilation tool was used.
+         */
+        isGeneratorObject(value: Object): boolean;
+        /**
+         * Check whether the entered value is of int8array array type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Int8Array value
+         * @return Returns true if the value is a built-in Int8Array instance.
+         */
+        isInt8Array(value: Object): boolean;
+        /**
+         * Check whether the entered value is the int16array type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Int16Array value
+         * @return Returns true if the value is a built-in Int16Array instance.
+         */
+        isInt16Array(value: Object): boolean;
+        /**
+         * Check whether the entered value is the int32array array type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Int32Array value
+         * @return Returns true if the value is a built-in Int32Array instance.
+         */
+        isInt32Array(value: Object): boolean;
+        /**
+         * Check whether the entered value is of map type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Map value
+         * @return Returns true if the value is a built-in Map instance.
+         */
+        isMap(value: Object): boolean;
+        /**
+         * Check whether the entered value is the iterator type of map.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Map iterator value
+         * @return Returns true if the value is an iterator returned for a built-in Map instance.
+         */
+        isMapIterator(value: Object): boolean;
+        /**
+         * Check whether the entered value is the module namespace object object type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Module Namespace Object value
+         * @return Returns true if the value is an instance of a Module Namespace Object.
+         */
+        isModuleNamespaceObject(value: Object): boolean;
+        /**
+         * Check whether the value entered is of type error.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Error value
+         * @return Returns true if the value is an instance of a built-in Error type.
+         */
+        isNativeError(value: Object): boolean;
+        /**
+         * Check whether the entered value is of the number object type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A number object value
+         * @return Returns true if the value is a number object, e.g. created by new Number().
+         */
+        isNumberObject(value: Object): boolean;
+        /**
+         * Check whether the entered value is of promise type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Promise value
+         * @return Returns true if the value is a built-in Promise.
+         */
+        isPromise(value: Object): boolean;
+        /**
+         * Check whether the value entered is of proxy type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Proxy value
+         * @return Returns true if the value is a Proxy instance.
+         */
+        isProxy(value: Object): boolean;
+        /**
+         * Check whether the entered value is of type regexp.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A regular expression object value
+         * @return Returns true if the value is a regular expression object.
+         */
+        isRegExp(value: Object): boolean;
+        /**
+         * Check whether the entered value is of type set.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Set instance value
+         * @return Returns true if the value is a built-in Set instance.
+         */
+        isSet(value: Object): boolean;
+        /**
+         * Check whether the entered value is the iterator type of set.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Set iterator value
+         * @return Returns true if the value is an iterator returned for a built-in Set instance.
+         */
+        isSetIterator(value: Object): boolean;
+        /**
+         * Check whether the entered value is of type sharedarraybuffer.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A SharedArrayBuffer instance value
+         * @return Returns true if the value is a built-in SharedArrayBuffer instance. This does not include ArrayBuffer instances. Usually, it is desirable to test for both; See isAnyArrayBuffer() for that.
+         */
+        isSharedArrayBuffer(value: Object): boolean;
+        /**
+         * Check whether the entered value is a string object type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A String object value
+         * @return Returns true if the value is a string object, e.g. created by new String().
+         */
+        isStringObject(value: Object): boolean;
+        /**
+         * Check whether the entered value is a symbol object type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A symbol object value
+         * @return Returns true if the value is a symbol object, created by calling Object() on a Symbol primitive.
+         */
+        isSymbolObject(value: Object): boolean;
+        /**
+         * Check whether the entered value is a type contained in typedarray.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A TypedArray instance value
+         * @return Returns true if the value is a built-in TypedArray instance.
+         */
+        isTypedArray(value: Object): boolean;
+        /**
+         * Check whether the entered value is the uint8array array type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Uint8Array value
+         * @return Returns true if the value is a built-in Uint8Array instance.
+         */
+        isUint8Array(value: Object): boolean;
+        /**
+         * Check whether the entered value is the uint8clapedarray array type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Uint8ClampedArray value
+         * @return Returns true if the value is a built-in Uint8ClampedArray instance.
+         */
+        isUint8ClampedArray(value: Object): boolean;
+        /**
+         * Check whether the entered value is the uint16array array array type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Uint16Array value
+         * @return Returns true if the value is a built-in Uint16Array instance.
+         */
+        isUint16Array(value: Object): boolean;
+        /**
+         * Check whether the entered value is the uint32array array type.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A Uint32Array value
+         * @return Returns true if the value is a built-in Uint32Array instance.
+         */
+        isUint32Array(value: Object): boolean;
+        /**
+         * Check whether the entered value is of type weakmap.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A WeakMap value
+         * @return Returns true if the value is a built-in WeakMap instance.
+         */
+        isWeakMap(value: Object): boolean;
+        /**
+         * Check whether the entered value is of type weakset.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param value A WeakSet value
+         * @return Returns true if the value is a built-in WeakSet instance.
+         */
+        isWeakSet(value: Object): boolean;
+    }
+}
+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
index 2bdd0a1f0b0bf4f57fc7b8cc5bce8380a8ecaf97..17dd1c8aa2d855ada9d3e36a8b994b45eb4ca9e5 100644
--- a/api/@ohos.wantAgent.d.ts
+++ b/api/@ohos.wantAgent.d.ts
@@ -16,6 +16,7 @@
 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
@@ -23,54 +24,206 @@ import { WantAgentInfo } from './wantAgent/wantAgentInfo';
  *
  * @name wantAgent
  * @since 7
- * @devices phone, tablet
+ * @devices phone, tablet, tv, wearable, car
+ * @import import wantAgent from '@ohos.wantAgent';
  * @permission N/A
  */
 declare namespace wantAgent {
   /**
-   * Obtains an {@link WantAgent} object.
+   * Obtains the bundle name of a WantAgent.
    *
-   * @param info Indicates the {@link WantAgentInfo} object that contains parameters of the
-   * {@link WantAgent} object to create.
-   * @return Returns the created {@link WantAgent} object.
+   * @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.
    *
-   * @since 7
+   * @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 an {@link WantAgent}.
-   *
-   * @since 7
+   * 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 an {@link WantAgent}, such as starting an ability or sending a common event.
-   *
-   * @since 7
+   * 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.wifi.d.ts b/api/@ohos.wifi.d.ts
index c6a0537d284b49008d2c0f066b4bda4cb6361b1d..760c5f0bd94dbed37020f021388a1131e5a6d070 100755
--- a/api/@ohos.wifi.d.ts
+++ b/api/@ohos.wifi.d.ts
@@ -13,14 +13,15 @@
  * limitations under the License.
  */
 
-import { AsyncCallback } from "./basic";
+import { AsyncCallback, Callback } from "./basic";
 
 /**
  * Provides methods to operate or manage Wi-Fi.
  *
- * @SysCap SystemCapability.Communication.WifiDevice
- * @devices phone, tablet
  * @since 6
+ * @SysCap SystemCapability.Communication.WiFi
+ * @devices phone, tablet, tv, wearable, car
+ * @import import wifi from '@ohos.wifi';
  */
 declare namespace wifi {
     /**
@@ -29,7 +30,7 @@ declare namespace wifi {
      * @return Returns {@code true} if the operation is successful; returns {@code false} otherwise.
      *
      * @since 6
-     * @hide SystemApi
+     * @systemapi Hide this for inner system use.
      */
     function enableWifi(): boolean;
 
@@ -39,7 +40,7 @@ declare namespace wifi {
      * @return Returns {@code true} if the operation is successful; returns {@code false} otherwise.
      *
      * @since 6
-     * @hide SystemApi
+     * @systemapi Hide this for inner system use.
      */
     function disableWifi(): boolean;
 
@@ -82,7 +83,7 @@ declare namespace wifi {
      *
      * @devices phone, tablet
      * @since 6
-     * @hide SystemApi
+     * @systemapi Hide this for inner system use.
      */
     function addDeviceConfig(config: WifiDeviceConfig): Promise<number>;
     function addDeviceConfig(config: WifiDeviceConfig, callback: AsyncCallback<number>): void;
@@ -94,7 +95,7 @@ declare namespace wifi {
      * @return Returns {@code true} if the network connection is successful; returns {@code false} otherwise.
      *
      * @since 6
-     * @hide SystemApi
+     * @systemapi Hide this for inner system use.
      */
     function connectToNetwork(networkId: number): boolean;
 
@@ -106,7 +107,7 @@ declare namespace wifi {
      *
      * @devices phone, tablet
      * @since 6
-     * @hide SystemApi
+     * @systemapi Hide this for inner system use.
      */
     function connectToDevice(config: WifiDeviceConfig): boolean;
 
@@ -116,7 +117,7 @@ declare namespace wifi {
      * @return Returns {@code true} for disconnecting network success, returns {@code false} otherwise.
      *
      * @since 6
-     * @hide SystemApi
+     * @systemapi Hide this for inner system use.
      */
     function disconnect(): boolean;
 
@@ -131,12 +132,359 @@ declare namespace wifi {
      */
     function getSignalLevel(rssi: number, band: number): number;
 
+    /**
+     * Obtains information about a Wi-Fi connection.
+     *
+     * @return Returns the Wi-Fi connection information.
+     * @since 7
+     */
+    function getLinkedInfo(): Promise<WifiLinkedInfo>;
+    function getLinkedInfo(callback: AsyncCallback<WifiLinkedInfo>): void;
+
+    /**
+     * Checks whether a Wi-Fi connection has been set up.
+     *
+     * @return Returns {@code true} if a Wi-Fi connection has been set up; returns {@code false} otherwise.
+     * @since 7
+     */
+    function isConnected(): boolean;
+
+    /**
+     * Obtains the features supported by this device.
+     *
+     * <p>To check whether this device supports a specified feature.
+     *
+     * @return Returns the features supported by this device.
+     * @since 7
+     * @systemapi Hide this for inner system use.
+     */
+    function getSupportedFeatures(): number;
+
+    /**
+     * Checks whether this device supports a specified feature.
+     *
+     * @param featureId Indicates the ID of the feature.
+     * @return Returns {@code true} if this device supports the specified feature; returns {@code false} otherwise.
+     * @since 7
+     */
+    function isFeatureSupported(featureId: number): boolean;
+
+    /**
+     * Obtains the MAC address of a Wi-Fi device. Wi-Fi must be enabled.
+     *
+     * <p>The MAC address is unique and cannot be changed.
+     *
+     * @return Returns the MAC address of the Wi-Fi device.
+     * @since 7
+     * @systemapi Hide this for inner system use.
+     */
+    function getDeviceMacAddress(): string[];
+
+    /**
+     * Obtains the IP information of a Wi-Fi connection.
+     *
+     * <p>The IP information includes the host IP address, gateway address, and DNS information.
+     *
+     * @return Returns the IP information of the Wi-Fi connection.
+     * @since 7
+     */
+    function getIpInfo(): IpInfo;
+
+    /**
+     * Obtains the country code of this device.
+     *
+     * @return Returns the country code of this device.
+     * @since 7
+     */
+    function getCountryCode(): string;
+
+    /**
+     * Re-associates to current network.
+     *
+     * @return {@code true} if the Wi-Fi network is re-associate successfully.
+     * @since 7
+     * @systemapi Hide this for inner system use.
+     */
+    function reassociate(): boolean;
+
+    /**
+     * Re-connects to current network.
+     *
+     * @return {@code true} if the Wi-Fi network is re-connect successfully.
+     * @since 7
+     * @systemapi Hide this for inner system use.
+     */
+    function reconnect(): boolean;
+
+    /**
+     * Obtains the list of all existing Wi-Fi configurations.
+     *
+     * <p>You can obtain only the Wi-Fi configurations you created on your own application.
+     *
+     * @return Returns the list of all existing Wi-Fi configurations you created on your application.
+     * @since 7
+     * @systemapi Hide this for inner system use.
+     */
+    function getDeviceConfigs(): Array<WifiDeviceConfig>;
+
+    /**
+     * Updates the specified Wi-Fi configuration.
+     *
+     * @param config Indicates the Wi-Fi configuration to update.
+     *
+     * @return Returns the network ID in the updated Wi-Fi configuration if the update is successful;
+     *     returns {@code -1} if the specified Wi-Fi configuration is not contained in the list.
+     * @since 7
+     * @systemapi Hide this for inner system use.
+     */
+    function updateNetwork(config: WifiDeviceConfig): number;
+
+    /**
+     * Disables a specified network.
+     *
+     * <p>The disabled network will not be associated with again.
+     *
+     * @param netId Identifies the network to disable.
+     * @return Returns {@code true} if the specified network is disabled; returns {@code false} otherwise.
+     * @since 7
+     * @systemapi Hide this for inner system use.
+     */
+    function disableNetwork(netId: number): boolean;
+
+    /**
+     * Removes all the saved Wi-Fi configurations.
+     *
+     * @return Returns {@code true} if all the saved Wi-Fi configurations are removed;
+     *     returns {@code false} otherwise.
+     * @since 7
+     * @systemapi Hide this for inner system use.
+     */
+    function removeAllNetwork(): boolean;
+
+    /**
+     * Deletes a Wi-Fi network with a specified ID.
+     *
+     * <p>After a Wi-Fi network is deleted, its configuration will be deleted from the list of Wi-Fi configurations.
+     * If the Wi-Fi network is being connected, the connection will be interrupted.
+     * The application can only delete Wi-Fi networks it has created.
+     *
+     * @param id Indicates the ID of the Wi-Fi network,
+     *     which can be obtained using the {@link #addDeviceConfig} or {@link #getLinkedInfo} method.
+     * @return Returns {@code true} if the Wi-Fi network is deleted successfully; returns {@code false} otherwise.
+     * @since 7
+     * @systemapi Hide this for inner system use.
+     */
+    function removeDevice(id: number): boolean;
+
+    /**
+     * Enables a Wi-Fi hotspot.
+     *
+     * <p>This method is asynchronous. After the Wi-Fi hotspot is enabled, Wi-Fi may be disabled.
+     *
+     * @return Returns {@code true} if this method is called successfully; returns {@code false} otherwise.
+     * @since 7
+     * @systemapi Hide this for inner system use.
+     */
+    function enableHotspot(): boolean;
+
+    /**
+     * Disables a Wi-Fi hotspot.
+     *
+     * <p>This method is asynchronous. If Wi-Fi is enabled after the Wi-Fi hotspot is disabled, Wi-Fi may be re-enabled.
+     *
+     * @return Returns {@code true} if this method is called successfully; returns {@code false} otherwise.
+     * @since 7
+     * @systemapi Hide this for inner system use.
+     */
+    function disableHotspot(): boolean;
+
+    /**
+     * Checks whether Wi-Fi hotspot is active on a device.
+     *
+     * @return Returns {@code true} if Wi-Fi hotspot is enabled; returns {@code false} otherwise.
+     * @since 7
+     * @systemapi Hide this for inner system use.
+     */
+    function isHotspotActive(): boolean;
+
+    /**
+     * Sets the hotspot for a device.
+     *
+     * <p>Only OPEN and WPA2 PSK hotspots can be configured.
+     *
+     * @param config Indicates the Wi-Fi hotspot configuration.
+     *     The SSID and {@code securityType} must be available and correct.
+     *     If {@code securityType} is not {@code open}, {@code preSharedKey} must be available and correct.
+     * @return Returns {@code true} if the method is called successfully; returns {@code false} otherwise.
+     * @since 7
+     * @systemapi Hide this for inner system use.
+     */
+    function setHotspotConfig(config: HotspotConfig): boolean;
+
+    /**
+     * Obtains the Wi-Fi hotspot configuration.
+     *
+     * @return Returns the configuration of an existing or enabled Wi-Fi hotspot.
+     * @since 7
+     * @systemapi Hide this for inner system use.
+     */
+    function getHotspotConfig(): HotspotConfig;
+
+    /**
+     * Obtains the list of clients that are connected to a Wi-Fi hotspot.
+     *
+     * <p>This method can only be used on a device that serves as a Wi-Fi hotspot.
+     *
+     * @return Returns the list of clients that are connected to the Wi-Fi hotspot.
+     * @since 7
+     * @systemapi Hide this for inner system use.
+     */
+    function getStations(): Array<StationInfo>;
+
+    /**
+     * Defines the EventListener class and provides functions to subscribe or unsubscribe the Wi-Fi events.
+     *
+     * @since 7
+     * @SysCap SystemCapability.Communication.WiFi
+     * @devices phone, tablet, tv, wearable, car
+     */
+    export class EventListener {
+        /**
+         * Subscribe Wi-Fi status change events.
+         *
+         * @return Returns 0: inactive, 1: active, 2: activating, 3: deactivating
+         * @since 7
+         * @permission {@code ohos.permission.GET_WIFI_INFO}
+         */
+         on(type: "wifiStateChange", callback: Callback<number>): void;
+
+         /**
+          * Unsubscribe Wi-Fi status change events.
+          *
+          * <p>All callback functions will be deregistered If there is no specific callback parameter.</p>
+          *
+          * @since 7
+          * @permission {@code ohos.permission.GET_WIFI_INFO}
+          */
+         off(type: "wifiStateChange", callback?: Callback<number>): void;
+
+         /**
+          * Subscribe Wi-Fi connection change events.
+          *
+          * @return Returns 0: disconnected, 1: connected
+          * @since 7
+          * @permission {@code ohos.permission.GET_WIFI_INFO}
+          */
+         on(type: "wifiConnectionChange", callback: Callback<number>): void;
+
+         /**
+          * Unsubscribe Wi-Fi connection change events.
+          *
+          * <p>All callback functions will be deregistered If there is no specific callback parameter.</p>
+          *
+          * @since 7
+          * @permission {@code ohos.permission.GET_WIFI_INFO}
+          */
+         off(type: "wifiConnectionChange", callback?: Callback<number>): void;
+
+         /**
+          * Subscribe Wi-Fi scan status change events.
+          *
+          * @return Returns 0: scan fail, 1: scan success
+          * @since 7
+          * @permission {@code ohos.permission.GET_WIFI_INFO}
+          */
+         on(type: "wifiScanStateChange", callback: Callback<number>): void;
+
+         /**
+          * Unsubscribe Wi-Fi scan status change events.
+          *
+          * <p>All callback functions will be deregistered If there is no specific callback parameter.</p>
+          *
+          * @since 7
+          * @permission {@code ohos.permission.GET_WIFI_INFO}
+          */
+         off(type: "wifiScanStateChange", callback?: Callback<number>): void;
+
+         /**
+          * Subscribe Wi-Fi rssi change events.
+          *
+          * @return Returns RSSI value in dBm
+          * @since 7
+          * @permission {@code ohos.permission.GET_WIFI_INFO}
+          */
+         on(type: "wifiRssiChange", callback: Callback<number>): void;
+
+         /**
+          * Unsubscribe Wi-Fi rssi change events.
+          *
+          * <p>All callback functions will be deregistered If there is no specific callback parameter.</p>
+          *
+          * @since 7
+          * @permission {@code ohos.permission.GET_WIFI_INFO}
+          */
+         off(type: "wifiRssiChange", callback?: Callback<number>): void;
+
+        /**
+         * Subscribe Wi-Fi hotspot state change events.
+         *
+         * @return Returns 0: inactive, 1: active, 2: activating, 3: deactivating
+         * @since 7
+         */
+         on(type: "hotspotStateChange", callback: Callback<number>): void;
+
+         /**
+          * Unsubscribe Wi-Fi hotspot state change events.
+          *
+          * <p>All callback functions will be deregistered If there is no specific callback parameter.</p>
+          *
+          * @since 7
+         */
+         off(type: "hotspotStateChange", callback?: Callback<number>): void;
+
+         /**
+          * Subscribe Wi-Fi hotspot sta join events.
+          *
+          * @return Returns StationInfo
+          * @since 7
+          * @systemapi Hide this for inner system use.
+          */
+         on(type: "hotspotStaJoin", callback: Callback<StationInfo>): void;
+
+         /**
+          * Unsubscribe Wi-Fi hotspot sta join events.
+          *
+          * <p>All callback functions will be deregistered If there is no specific callback parameter.</p>
+          *
+          * @since 7
+          * @systemapi Hide this for inner system use.
+          */
+         off(type: "hotspotStaJoin", callback?: Callback<StationInfo>): void;
+
+         /**
+          * Subscribe Wi-Fi hotspot sta leave events.
+          *
+          * @return Returns {@link #StationInfo} object
+          * @since 7
+          * @systemapi Hide this for inner system use.
+          */
+         on(type: "hotspotStaLeave", callback: Callback<StationInfo>): void;
+
+         /**
+          * Unsubscribe Wi-Fi hotspot sta leave events.
+          *
+          * @return Returns {@link #StationInfo} object
+          * @since 7
+          * @systemapi Hide this for inner system use.
+          */
+         off(type: "hotspotStaLeave", callback?: Callback<StationInfo>): void;
+    }
+
     /**
      * Wi-Fi device configuration information.
      *
-     * @devices phone, tablet
      * @since 6
-     * @hide SystemApi
+     * @systemapi Hide this for inner system use.
      */
     interface WifiDeviceConfig {
         /** Wi-Fi SSID: the maximum length is 32 */
@@ -158,7 +506,6 @@ declare namespace wifi {
     /**
      * Describes the scanned Wi-Fi information.
      *
-     * @devices phone, tablet
      * @since 6
      */
     interface WifiScanInfo {
@@ -174,7 +521,7 @@ declare namespace wifi {
         /** Received signal strength indicator (RSSI) */
         rssi: number;
 
-        /** Frequency band */
+        /** Frequency band, 1: 2.4G, 2: 5G */
         band: number;
 
         /** Frequency */
@@ -187,7 +534,6 @@ declare namespace wifi {
     /**
      * Describes the wifi security type.
      *
-     * @devices phone, tablet
      * @since 6
      */
     enum WifiSecurityType {
@@ -197,6 +543,205 @@ declare namespace wifi {
         WIFI_SEC_TYPE_PSK = 3, /* Pre-shared key (PSK) */
         WIFI_SEC_TYPE_SAE = 4, /* Simultaneous Authentication of Equals (SAE) */
     }
+
+    /**
+     * Wi-Fi connection information.
+     *
+     * @since 7
+     */
+    interface WifiLinkedInfo {
+        /** The SSID of the Wi-Fi hotspot */
+        ssid: string;
+
+        /** The BSSID of the Wi-Fi hotspot */
+        bssid: string;
+
+        /** The ID(uniquely identifies) of a Wi-Fi connection. */
+        /* @systemapi */
+        networkId: number;
+
+        /** The RSSI(dBm) of a Wi-Fi access point. */
+        rssi: number;
+
+        /** The frequency band of a Wi-Fi access point. */
+        band: number;
+
+        /** The speed of a Wi-Fi access point. */
+        linkSpeed: number;
+
+        /** The frequency of a Wi-Fi access point. */
+        frequency: number;
+
+        /** Whether the SSID of the access point (AP) of this Wi-Fi connection is hidden. */
+        isHidden: boolean;
+
+        /** Whether this Wi-Fi connection restricts the data volume. */
+        isRestricted: boolean;
+
+        /** The load value of this Wi-Fi connection. A greater value indicates a higher load. */
+        /* @systemapi */
+        chload: number;
+
+        /** The signal-to-noise ratio (SNR) of this Wi-Fi connection. */
+        /* @systemapi */
+        snr: number;
+
+        /** The Wi-Fi MAC address of a device. */
+        macAddress: string;
+
+        /** The IP address of this Wi-Fi connection. */
+        ipAddress: number;
+
+        /** The state of the supplicant of this Wi-Fi connection. */
+        /* @systemapi */
+        suppState: SuppState;
+
+        /** The state of this Wi-Fi connection. */
+        connState: ConnState;
+    }
+
+    /**
+     * Wi-Fi IP information.
+     *
+     * @since 7
+     */
+    interface IpInfo {
+        /** The IP address of the Wi-Fi connection */
+        ipAddress: number;
+
+        /** The gateway of the Wi-Fi connection */
+        gateway: number;
+
+        /** The network mask of the Wi-Fi connection */
+        netmask: number;
+
+        /** The primary DNS server IP address of the Wi-Fi connection */
+        primaryDns: number;
+
+        /** The secondary DNS server IP address of the Wi-Fi connection */
+        secondDns: number;
+
+        /** The DHCP server IP address of the Wi-Fi connection */
+        serverIp: number;
+
+        /** The IP address lease duration of the Wi-Fi connection */
+        leaseDuration: number;
+    }
+
+    /**
+     * Wi-Fi hotspot configuration information.
+     *
+     * @since 7
+     * @systemapi
+     */
+    interface HotspotConfig {
+        /** The SSID of the Wi-Fi hotspot */
+        ssid: string;
+
+        /** The encryption mode of the Wi-Fi hotspot */
+        securityType: WifiSecurityType;
+
+        /** The frequency band of the Wi-Fi hotspot */
+        band: number;
+
+        /** The password of the Wi-Fi hotspot */
+        preSharedKey: string;
+
+        /** The maximum number of connections allowed by the Wi-Fi hotspot */
+        maxConn: number;
+    }
+
+    /**
+     * Wi-Fi station information.
+     *
+     * @since 7
+     * @systemapi
+     */
+    interface StationInfo {
+        /** the network name of the Wi-Fi client */
+        name: string;
+
+        /** The MAC address of the Wi-Fi client */
+        macAddress: string;
+
+        /** The IP address of the Wi-Fi client */
+        ipAddress: string;
+    }
+
+    /**
+     * The state of the supplicant enumeration.
+     *
+     * @since 7
+     * @systemapi
+     */
+    export enum SuppState {
+        /** The supplicant is not associated with or is disconnected from the AP. */
+        DISCONNECTED,
+
+        /** The network interface is disabled. */
+        INTERFACE_DISABLED,
+
+        /** The supplicant is disabled. */
+        INACTIVE,
+
+        /** The supplicant is scanning for a Wi-Fi connection. */
+        SCANNING,
+
+        /** The supplicant is authenticating with a specified AP. */
+        AUTHENTICATING,
+
+        /** The supplicant is associating with a specified AP. */
+        ASSOCIATING,
+
+        /** The supplicant is associated with a specified AP. */
+        ASSOCIATED,
+
+        /** The four-way handshake is ongoing. */
+        FOUR_WAY_HANDSHAKE,
+
+        /** The group handshake is ongoing. */
+        GROUP_HANDSHAKE,
+
+        /** All authentication is completed. */
+        COMPLETED,
+
+        /** Failed to establish a connection to the supplicant. */
+        UNINITIALIZED,
+
+        /** The supplicant is in an unknown or invalid state. */
+        INVALID
+    }
+
+    /**
+     * The state of Wi-Fi connection enumeration.
+     *
+     * @since 7
+     */
+    export enum ConnState {
+        /** The device is searching for an available AP. */
+        SCANNING,
+
+        /** The Wi-Fi connection is being set up. */
+        CONNECTING,
+
+        /** The Wi-Fi connection is being authenticated. */
+        AUTHENTICATING,
+
+        /** The IP address of the Wi-Fi connection is being obtained. */
+        OBTAINING_IPADDR,
+
+        /** The Wi-Fi connection has been set up. */
+        CONNECTED,
+
+        /** The Wi-Fi connection is being torn down. */
+        DISCONNECTING,
+
+        /** The Wi-Fi connection has been torn down. */
+        DISCONNECTED,
+
+        /** Failed to set up the Wi-Fi connection. */
+        UNKNOWN
+    }
 }
 
 export default wifi;
diff --git a/api/@ohos.worker.d.ts b/api/@ohos.worker.d.ts
index d7b9ca850a7137eced524b40a7a5231cb4e684c7..e8b3582e1d24775e9252104311c1fe5cadd32d22 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 automatically 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..33237bc5ec91bcdb49de223a5d3d6ebee2902564
--- /dev/null
+++ b/api/@ohos.xml.d.ts
@@ -0,0 +1,400 @@
+/*
+ * 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, XML generation and parsing.
+ * @since 8
+ * @sysCap SystemCapability.CCRuntime
+ * @devices phone, tablet
+ * @import import xml from '@ohos.xml';
+ * @permission N/A
+ */
+declare namespace xml {
+    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 Inputted by user to set.
+         * @return Returns a JavaScript object converting from XML text.
+         */
+        convert(xml: string, options?: ConvertOptions) : Object;
+    }
+
+    class XmlSerializer {
+        /**
+         * A parameterized constructor used to create a new XmlSerializer instance.
+         * As the input parameter of the constructor function, init supports three types.
+         * The input parameter is an Arrarybuff.
+         * The input parameter is a DataView.
+         * The input parameter is an encoding format of string type.
+         */
+        constructor(buffer: ArrayBuffer | DataView, encoding?: string);
+
+        /**
+         * Write an attribute.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param name Key name of the attribute.
+         * @param value Values of attribute.
+         */
+        setAttributes(name: string, value: string): void;
+
+        /**
+         * Add an empty element.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param name Key name of the attribute.
+         * @param value Values of element.
+         */
+        addEmptyElement(name: string): void;
+
+        /**
+         * Writes xml declaration with encoding. For example: <?xml version="1.0" encoding="utf-8"?>.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        setDeclaration(): void;
+
+        /**
+         * Writes a elemnet start tag with the given name.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param name name of the element.
+         */
+        startElement(name: string): void;
+
+        /**
+         * Writes end tag of the element.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        endElement(): void;
+
+        /**
+         * Writes the namespace of the current element tag.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param prefix Values name of the prefix.
+         * @param namespace Values of namespace.
+         */
+        setNamespace(prefix: string, namespace: string): void;
+
+        /**
+         * Writes the commnet.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param text Values of commnet.
+         */
+        setCommnet(text: string): void;
+
+        /**
+         * Writes the CDATA.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param text Values of CDATA.
+         */
+        setCData(text: string): void;
+
+        /**
+         * Writes the text.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param text Values of text.
+         */
+        setText(text: string): void;
+
+        /**
+         * Writes the DOCTYPE.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param text Values of docType.
+         */
+        setDocType(text: string): void;
+    }
+
+    enum EventType {
+        /**
+          * Start a document.
+          */
+        START_DOCUMENT,
+        /**
+          * End a document.
+          */
+        END_DOCUMENT,
+        /**
+          * Start a tag.
+          */
+        START_TAG,
+        /**
+          * End a tag.
+          */
+        END_TAG,
+        /**
+          * Character data.
+          */
+        TEXT,
+        /**
+          * A CDATA sections.
+          */
+        CDSECT,
+        /**
+          * An XML comment.
+          */
+        COMMENT,
+        /**
+          * An XML document type declaration.
+          */
+        DOCDECL,
+        /**
+          * An XML processing instruction declaration.
+          */
+        INSTRUCTION,
+        /**
+          * An entity reference.
+          */
+        ENTITY_REFERENCE,
+        /**
+          * a whitespace.
+          */
+        WHITESPACE,
+    }
+
+    /** The current parse info.  */
+    interface ParseInfo {
+        /**
+          * The current column number, starting from 1.
+          */
+        getColumnNumber(): number;
+        /**
+          * The current depth of the element.
+          */
+        getDepth(): number;
+        /**
+          * The current column number, starting from 1.
+          */
+        getLineNumber(): number;
+        /**
+          * The current element name.
+          */
+        getName(): string;
+        /**
+          * The current element's name.
+          */
+        getNamespace(): string;
+        /**
+          * The current element's namespace.
+          */
+        getPrefix(): string;
+        /**
+          * The text content of the current event as String.
+          */
+        getText(): string;
+        /**
+          * Returns true if the current element is empty.
+          */
+        isEmptyElementTag(): boolean;
+        /**
+          * Checks whether the current TEXT event contains only whitespace characters.
+          */
+        isWhitespace(): boolean;
+        /**
+          * Returns the number of attributes of the current start tag.
+          */
+        getAttributeCount(): number;
+    }
+
+    /** parse options for XmlPullParser. */
+    interface ParseOptions {
+
+        /**
+         * Whether to parsing Doctype of the elements.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        supportDoctype?: boolean;
+
+        /**
+         * Whether to ignore parsing texts of the elements.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         */
+        ignoreNameSpace?: boolean;
+
+        /**
+         * tag value callback function.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param name The current tag name.
+         * @param value The current tag value.
+         * @return Returns a Boolean variable for whether parse continually.
+         */
+        tagValueCallbackFunction?: (name: string, value: string) => boolean;
+
+        /**
+         * attribute value callback function.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param name The current attribute name.
+         * @param value The current attribute value.
+         * @return Returns a Boolean variable for whether parse continually.
+         */
+        attributeValueCallbackFunction?: (name: string, value: string) => boolean;
+
+        /**
+         * token value callback function.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param eventType The current token eventtype.
+         * @param value The current token parseinfo.
+         * @return Returns a Boolean variable for whether parse continually.
+         */
+        tokenValueCallbackFunction?: (eventType: EventType, value: ParseInfo) => boolean;
+    }
+
+    class XmlPullParser {
+        /**
+          * A constructor used to create a new XmlPullParser instance.
+          */
+        constructor(buffer: ArrayBuffer | DataView, encoding?: string);
+
+        /**
+         * Starts parsing the XML file.
+         * @since 8
+         * @sysCap SystemCapability.CCRuntime
+         * @param option parse options for XmlPullParser, the interface including two Boolean variables and three callback functions.
+         */
+        parse(option: ParseOptions): void;
+    }
+}
+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/@internal/component/ets/menu.d.ts b/api/ability/continueAbilityOptions.d.ts
old mode 100644
new mode 100755
similarity index 54%
rename from api/@internal/component/ets/menu.d.ts
rename to api/ability/continueAbilityOptions.d.ts
index 2a4e6217b62c0951f89771adc1cdc1a28d3ab8db..9d1ce3c6408383dc922d166dc90a72b6e20029da
--- a/api/@internal/component/ets/menu.d.ts
+++ b/api/ability/continueAbilityOptions.d.ts
@@ -13,23 +13,25 @@
  * limitations under the License.
  */
 
-import { CommonMethod, Resource } from "./common";
+export interface ContinueAbilityOptions {
+  /**
+   * Indicates the ID of the target device where this ability will be migrated to.
+   *
+   * @default -
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   */
+   deviceId: string;
 
-export declare enum MenuType {
-  Click,
-  LongPress
-}
-
-export declare class MenuExtend<T> extends MenuAttribute<T> {
-}
-
-interface Menu extends MenuAttribute<Menu> {
-  (options?: {type?: MenuType, title?: string | Resource}): Menu;
-}
-
-declare class MenuAttribute<T> extends CommonMethod<T> {
-  show(value: boolean): T;
-  showPosition(options: {x: number, y: number}): T;
-}
-
-export declare const MenuInterface: Menu;
\ No newline at end of file
+  /**
+   * Indicates whether the ability to be migrated back to the local device through
+   * This is a reserved field.
+   *
+   * @default -
+   * @devices phone, tablet, tv, wearable, car
+   * @since 7
+   * @sysCap AAFwk
+   */
+   reversible?: boolean;
+}
\ No newline at end of file
diff --git a/api/bundle/abilityInfo.d.ts b/api/bundle/abilityInfo.d.ts
index 7e6904ab2e9b5334be520f325e11a744210dd70b..a7cf71866bcd08b934e02b1cf224f4d6624c853f 100644
--- a/api/bundle/abilityInfo.d.ts
+++ b/api/bundle/abilityInfo.d.ts
@@ -241,4 +241,11 @@ export interface AbilityInfo {
     * @SysCap SystemCapability.Appexecfwk
     */
   customizeData: Map<string, Array<CustomizeData>>;
+
+  /**
+    * @default Indicates the metadata of ability
+    * @since 8
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly metaData: Array<CustomizeData>;
 }
diff --git a/api/bundle/applicationInfo.d.ts b/api/bundle/applicationInfo.d.ts
index 4820474ef88f0c61f354a0d1d1d1c1cd6068d7bc..d57fbd7bc891e561202c1dbc797aa4d1e09fb394 100644
--- a/api/bundle/applicationInfo.d.ts
+++ b/api/bundle/applicationInfo.d.ts
@@ -129,10 +129,31 @@ export interface ApplicationInfo {
     */
   readonly entryDir: string;
 
+  /**
+    * @default Indicates the application source code path
+    * @since 8
+    * @SysCap SystemCapability.Appexecfwk
+    */
+  readonly codePath: string;
+
   /**
     * @default Indicates the custom metadata of the application
     * @since 7
     * @SysCap SystemCapability.Appexecfwk
     */
   customizeData: Map<string, CustomizeData>;
+
+  /**
+    * @default Indicates the metadata of module
+    * @since 8
+    * @SysCap SystemCapability.Appexecfwk
+    */
+   readonly metaData: Map<string, Array<CustomizeData>>;
+
+  /**
+    * @default Indicates whether or not this application may be removable
+    * @since 8
+    * @SysCap SystemCapability.Appexecfwk
+    */
+   readonly removable: boolean;
 }
\ No newline at end of file
diff --git a/api/bundle/bundleFlag.d.ts b/api/bundle/bundleFlag.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b2c8c8cadc290158089c543d2ba876dedfc845a5
--- /dev/null
+++ b/api/bundle/bundleFlag.d.ts
@@ -0,0 +1,36 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+declare enum BundleFlag {
+    GET_BUNDLE_DEFAULT = 0x00000000,
+    GET_BUNDLE_WITH_ABILITIES = 0x00000001,
+    GET_ABILITY_INFO_WITH_PERMISSION = 0x00000002,
+    GET_ABILITY_INFO_WITH_APPLICATION = 0x00000004,
+    GET_APPLICATION_INFO_WITH_PERMISSION = 0x00000008,
+    GET_BUNDLE_WITH_REQUESTED_PERMISSION = 0x00000010,
+    GET_ALL_APPLICATION_INFO = 0xFFFF0000,
+    /**
+      * @since 8
+      */
+    GET_ABILITY_INFO_WITH_METADATA = 0x00000020,
+    /**
+      * @since 8
+      */
+    GET_APPLICATION_INFO_WITH_METADATA = 0x00000040,
+    /**
+      * @since 8
+      */
+    GET_ABILITY_INFO_SYSTEMAPP_ONLY = 0x00000080,
+  }
\ No newline at end of file
diff --git a/api/bundle/bundleInstaller.d.ts b/api/bundle/bundleInstaller.d.ts
index 5cdfc48f780c946ee46ceef7d3c1c80c08aab26f..8e4e1b8737ce1c18d1fea4b25467a5970b8bb732 100644
--- a/api/bundle/bundleInstaller.d.ts
+++ b/api/bundle/bundleInstaller.d.ts
@@ -104,4 +104,18 @@ export interface BundleInstaller {
    * @permission ohos.permission.INSTALL_BUNDLE
    */
   uninstall(bundleName: string, param: InstallParam, callback: AsyncCallback<InstallStatus>): void;
+
+  /**
+   * recover an application.
+   *
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @devices phone, tablet, tv, wearable, car
+   * @param bundleName Indicates the bundle name of the application to be recovered.
+   * @param installParam Indicates other parameters required for the recover.
+   * @return InstallStatus
+   * @permission ohos.permission.INSTALL_BUNDLE
+   * @systemapi Hide this for inner system use
+   */
+   recover(bundleName: string, param: InstallParam, callback: AsyncCallback<InstallStatus>): void;
 }
\ No newline at end of file
diff --git a/api/bundle/bundleStatusCallback.d.ts b/api/bundle/bundleStatusCallback.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4f9d172038427f0ed445ce4225401376dc307242
--- /dev/null
+++ b/api/bundle/bundleStatusCallback.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.
+ */
+
+/**
+ * Contains basic Ability information, which uniquely identifies an launcher StatusCallback.
+ * You can use this class to obtain values of the fields set in an callback function,
+ * such as the add, update, remove.
+ * @name Contains basic launcher status callback information, which uniquely identifies an LauncherStatusCallback
+ * @since 8
+ * @sysCap SystemCapability.Appexecfwk
+ * @devices phone, tablet, tv, wearable, car
+ * @permission ohos.permission.LISTEN_BUNDLE_CHANGE
+ * @systemapi Hide this for inner system use
+ */
+declare interface BundleStatusCallback {
+  /**
+   * @name Obtains add callback about an launcherStatusCallback.
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @permission ohos.permission.LISTEN_BUNDLE_CHANGE
+   * @devices phone, tablet, tv, wearable, car
+   * @systemapi Hide this for inner system use
+   */
+  add: (bundleName : string, userId: number) => void;
+
+  /**
+   * @name Obtains update callback about an launcherStatusCallback.
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @permission ohos.permission.LISTEN_BUNDLE_CHANGE
+   * @devices phone, tablet, tv, wearable, car
+   * @systemapi Hide this for inner system use
+   */
+  update: (bundleName : string, userId: number) => void;
+
+  /**
+   * @name Obtains remove callback about an launcherStatusCallback.
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @permission ohos.permission.LISTEN_BUNDLE_CHANGE
+   * @devices phone, tablet, tv, wearable, car
+   * @systemapi Hide this for inner system use
+   */
+  remove: (bundleName : string, userId: number) => void;
+}
\ No newline at end of file
diff --git a/api/bundle/customizeData.d.ts b/api/bundle/customizeData.d.ts
index 17393229f1f5d422e1f3414d622b81f5ed62f950..66b03f5941c3c103a130cc8c688a0aaf2d197042 100644
--- a/api/bundle/customizeData.d.ts
+++ b/api/bundle/customizeData.d.ts
@@ -20,18 +20,25 @@
  * @permission NA
  * @devices phone, tablet, tv, wearable, car
  */
-export interface CustomizeData {
-  /**
-    * @default Indicates the custom metadata name
-    * @since 7
+  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;
+  
+    /**
+    * @default Indicates the custom metadata resource
+    * @since 8
     * @SysCap SystemCapability.Appexecfwk
     */
-  name: string;
-
-  /**
-    * @default Indicates the custom metadata value
-    * @since 7
-    * @SysCap SystemCapability.Appexecfwk
-    */
-  value: string;
-}
\ No newline at end of file
+    extra: string;
+  }
\ No newline at end of file
diff --git a/api/bundle/elementName.d.ts b/api/bundle/elementName.d.ts
index 68fe8ddda30ce97a540b5385085f530008f6cba2..dc99f856a460174a04404894a87ebdb36e29c7eb 100644
--- a/api/bundle/elementName.d.ts
+++ b/api/bundle/elementName.d.ts
@@ -23,7 +23,7 @@
  * @devices phone, tablet, tv, wearable, car
  * @permission N/A
  */
-export interface ElementName {
+ export interface ElementName {
   /**
    * device id
    * @default -
diff --git a/api/bundle/launcherAbilityInfo.d.ts b/api/bundle/launcherAbilityInfo.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..df270c97d913d77ae5ce589cda35b31d0cd96be0
--- /dev/null
+++ b/api/bundle/launcherAbilityInfo.d.ts
@@ -0,0 +1,85 @@
+/*
+ * 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 AbilityInfo,
+ * such as the application Info , elementName, labelId, iconId, userId, installTime.
+ * @name Contains basic launcher Ability information, which uniquely identifies an LauncherAbilityInfo
+ * @since 8
+ * @sysCap SystemCapability.Appexecfwk
+ * @devices phone, tablet, tv, wearable, car
+ * @permission N/A
+ * @systemapi Hide this for inner system use
+ */
+
+import { ApplicationInfo } from './applicationInfo';
+import { ElementName } from './elementName'
+
+export interface LauncherAbilityInfo {
+  /**
+   * @name Obtains application info information about an launcher ability.
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @permission NA
+   * @devices phone, tablet, tv, wearable, car
+   */
+  readonly applicationInfo: ApplicationInfo;
+
+  /**
+   * @name Obtains element name about an launcher ability.
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @permission NA
+   * @devices phone, tablet, tv, wearable, car
+   */
+  readonly elementName : ElementName;
+
+  /**
+   * @name Obtains labelId about an launcher ability.
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @permission NA
+   * @devices phone, tablet, tv, wearable, car
+   */
+  readonly labelId: number;
+
+  /**
+   * @name Obtains iconId about an launcher ability.
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @permission NA
+   * @devices phone, tablet, tv, wearable, car
+   */
+  readonly iconId: number;
+
+  /**
+   * @name Obtains userId about an launcher ability.
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @permission NA
+   * @devices phone, tablet, tv, wearable, car
+   */
+  readonly userId: number;
+
+  /**
+   * @name Obtains installTime about an launcher ability.
+   * @since 8
+   * @SysCap SystemCapability.Appexecfwk
+   * @permission NA
+   * @devices phone, tablet, tv, wearable, car
+   */
+  readonly installTime : number;
+}
\ No newline at end of file
diff --git a/api/bundle/moduleInfo.d.ts b/api/bundle/moduleInfo.d.ts
index 437ca90fa900b5a314335a58234452900d3a78d8..b4d9ee36e9da6eab4a93b66f9f30e2350f87791f 100644
--- a/api/bundle/moduleInfo.d.ts
+++ b/api/bundle/moduleInfo.d.ts
@@ -20,7 +20,7 @@
  * @permission NA
  * @devices phone, tablet, tv, wearable, car
  */
-export interface ModuleInfo {
+ export interface ModuleInfo {
   /**
    * The module name.
    *
diff --git a/api/bundle/moduleUsageRecord.d.ts b/api/bundle/moduleUsageRecord.d.ts
index 0bc3620102c1ad500749f468d6c1fc0b8aeec85b..6dded504ce0efb9d8b6366ee1bd3280586ccf47a 100644
--- a/api/bundle/moduleUsageRecord.d.ts
+++ b/api/bundle/moduleUsageRecord.d.ts
@@ -21,7 +21,7 @@
  * @devices phone, tablet, tv, wearable, car
  * @systemapi hide this for inner system use
  */
-export interface ModuleUsageRecord {
+ export interface ModuleUsageRecord {
   /**
     * @default Indicates the name of the bundle containing the module
     * @since 7
diff --git a/api/bundle/shortcutInfo.d.ts b/api/bundle/shortcutInfo.d.ts
index 0caaa904588090744952185e131400367a56fdac..77a67c96d54789f05aa60c5e4a5d99b091d2cd1d 100644
--- a/api/bundle/shortcutInfo.d.ts
+++ b/api/bundle/shortcutInfo.d.ts
@@ -21,87 +21,99 @@
   * @permission NA
   * @devices phone, tablet, tv, wearable, car
   */
-export interface ShortcutWant{
-  /**
-    * @default Indicates the target bundle of the shortcut want
+  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
     */
-  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
+  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 Indicate s the icon id of the shortcut
+      * @since 8
+      * @SysCap SystemCapability.Appexecfwk
+      */
+     readonly iconId: number;
+    /**
+      * @default Indicates the label of the shortcut
+      * @since 7
+      * @SysCap SystemCapability.Appexecfwk
+      */
+    readonly label: string;
+     /**
+      * @default Indicates the label id of the shortcut
+      * @since 8
+      * @SysCap SystemCapability.Appexecfwk
+      */
+     readonly labelId: number;
+    /**
+      * @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 42e3a7e5e979d245c5db39b642f5a1955e1fb06e..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
@@ -2185,6 +2187,26 @@ export interface CanvasElement extends Element {
    */
   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.
    * @param type A DOMString indicating the image format. The default type is image/png.
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.device.d.ts b/api/common/@system.device.d.ts
index bbe7a9cdadd630ff2a1c8e1ea61de3fd6b2b4141..052a39869834d6102b74e84b3efbb06197697392 100644
--- a/api/common/@system.device.d.ts
+++ b/api/common/@system.device.d.ts
@@ -106,7 +106,6 @@ export interface DeviceResponse {
    * ar: AR
    * vr: virtual reality
    * earphones: headset
-   * pc: personal computer
    * speaker: speaker
    * smartVision: smart visual device
    * linkIoT: connection module
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
index 2555167033c73b95495790659809c55364aa40fc..0fad549f00475ed0c46d5b8d898bb32674fbf135 100644
--- a/api/common/@system.sensor.d.ts
+++ b/api/common/@system.sensor.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * 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
@@ -14,7 +14,11 @@
  */
 
 /**
- * @devices phone, tablet, wearable, liteWearable
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @devices phone, tablet, wearable
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACCELEROMETER
+ * @since 3
  */
 export interface AccelerometerResponse {
   /**
@@ -40,7 +44,11 @@ export interface AccelerometerResponse {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet, wearable
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACCELEROMETER
+ * @since 3
  */
 export interface subscribeAccelerometerOptions {
   /**
@@ -71,7 +79,10 @@ export interface subscribeAccelerometerOptions {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet, wearable
+ * @import import sensor from '@system.sensor';
+ * @since 3
  */
 export interface CompassResponse {
   /**
@@ -83,7 +94,10 @@ export interface CompassResponse {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet, wearable
+ * @import import sensor from '@system.sensor';
+ * @since 3
  */
 export interface SubscribeCompassOptions {
   /**
@@ -102,7 +116,10 @@ export interface SubscribeCompassOptions {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet
+ * @import import sensor from '@system.sensor';
+ * @since 3
  */
 export interface ProximityResponse {
   /**
@@ -114,7 +131,10 @@ export interface ProximityResponse {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet
+ * @import import sensor from '@system.sensor';
+ * @since 3
  */
 export interface SubscribeProximityOptions {
   /**
@@ -133,7 +153,10 @@ export interface SubscribeProximityOptions {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet, wearable
+ * @import import sensor from '@system.sensor';
+ * @since 3
  */
 export interface LightResponse {
   /**
@@ -145,7 +168,10 @@ export interface LightResponse {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet, wearable
+ * @import import sensor from '@system.sensor';
+ * @since 3
  */
 export interface SubscribeLightOptions {
   /**
@@ -164,7 +190,11 @@ export interface SubscribeLightOptions {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet, wearable, liteWearable
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACTIVITY_MOTION
+ * @since 3
  */
 export interface StepCounterResponse {
   /**
@@ -177,26 +207,33 @@ export interface StepCounterResponse {
 }
 
 /**
- * @devices phone, tablet, liteWearable
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @devices phone, tablet, wearable, liteWearable
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACTIVITY_MOTION
+ * @since 3
  */
 export interface SubscribeStepCounterOptions {
   /**
    * Called when step counter sensor data changes.
-   * @devices phone, tablet, liteWearable
+   * @devices phone, tablet, wearable, liteWearable
    * @since 3
    */
   success: (data: StepCounterResponse) => void;
 
   /**
    * Called when the listening fails.
-   * @devices phone, tablet, liteWearable
+   * @devices phone, tablet, wearable, liteWearable
    * @since 3
    */
   fail?: (data: string, code: number) => void;
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet, wearable, liteWearable
+ * @import import sensor from '@system.sensor';
+ * @since 3
  */
 export interface BarometerResponse {
   /**
@@ -208,7 +245,10 @@ export interface BarometerResponse {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet, wearable, liteWearable
+ * @import import sensor from '@system.sensor';
+ * @since 3
  */
 export interface SubscribeBarometerOptions {
   /**
@@ -227,7 +267,11 @@ export interface SubscribeBarometerOptions {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices wearable, liteWearable
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.READ_HEALTH_DATA
+ * @since 3
  */
 export interface HeartRateResponse {
   /**
@@ -240,7 +284,11 @@ export interface HeartRateResponse {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices wearable, liteWearable
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.READ_HEALTH_DATA
+ * @since 3
  */
 export interface SubscribeHeartRateOptions {
   /**
@@ -259,64 +307,76 @@ export interface SubscribeHeartRateOptions {
 }
 
 /**
- * @devices liteWearable
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @devices wearable, liteWearable
+ * @import import sensor from '@system.sensor';
+ * @since 3
  */
 export interface OnBodyStateResponse {
   /**
    * Whether the sensor is worn.
-   * @devices liteWearable
+   * @devices wearable, liteWearable
    * @since 3
    */
   value: boolean;
 }
 
 /**
- * @devices liteWearable
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @devices wearable, liteWearable
+ * @import import sensor from '@system.sensor';
+ * @since 3
  */
 export interface SubscribeOnBodyStateOptions {
   /**
    * Called when the wearing status changes.
-   * @devices liteWearable
+   * @devices wearable, liteWearable
    * @since 3
    */
   success: (data: OnBodyStateResponse) => void;
 
   /**
    * Called when the listening fails.
-   * @devices liteWearable
+   * @devices wearable, liteWearable
    * @since 3
    */
   fail?: (data: string, code: number) => void;
 }
 
 /**
- * @devices liteWearable
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @devices wearable, liteWearable
+ * @import import sensor from '@system.sensor';
+ * @since 3
  */
 export interface GetOnBodyStateOptions {
   /**
    * Called when the sensor wearing state is obtained
-   * @devices liteWearable
+   * @devices wearable, liteWearable
    * @since 3
    */
   success: (data: OnBodyStateResponse) => void;
 
   /**
    * Called when the sensor wearing state fails to be obtained
-   * @devices liteWearable
+   * @devices wearable, liteWearable
    * @since 3
    */
   fail?: (data: string, code: number) => void;
 
   /**
    * Called when the execution is completed
-   * @devices liteWearable
+   * @devices wearable, liteWearable
    * @since 3
    */
   complete?: () => void;
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet, wearable
+ * @import import sensor from '@system.sensor';
+ * @since 6
  */
 export interface DeviceOrientationResponse {
   /**
@@ -342,7 +402,10 @@ export interface DeviceOrientationResponse {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet, wearable
+ * @import import sensor from '@system.sensor';
+ * @since 6
  */
 export interface SubscribeDeviceOrientationOptions {
   /**
@@ -373,7 +436,11 @@ export interface SubscribeDeviceOrientationOptions {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet, wearable
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.GYROSCOPE
+ * @since 6
  */
 export interface GyroscopeResponse {
   /**
@@ -399,7 +466,11 @@ export interface GyroscopeResponse {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet, wearable
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.GYROSCOPE
+ * @since 6
  */
 export interface SubscribeGyroscopeOptions {
   /**
@@ -430,7 +501,10 @@ export interface SubscribeGyroscopeOptions {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet, wearable
+ * @import import sensor from '@system.sensor';
+ * @since 7
  */
 export interface GravityResponse {
   /**
@@ -456,7 +530,10 @@ export interface GravityResponse {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet, wearable
+ * @import import sensor from '@system.sensor';
+ * @since 7
  */
 export interface SubscribeGravityOptions {
   /**
@@ -487,7 +564,10 @@ export interface SubscribeGravityOptions {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet, wearable
+ * @import import sensor from '@system.sensor';
+ * @since 7
  */
 export interface MagneticResponse {
   /**
@@ -513,7 +593,10 @@ export interface MagneticResponse {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet, wearable
+ * @import import sensor from '@system.sensor';
+ * @since 7
  */
 export interface SubscribeMagneticOptions {
   /**
@@ -544,7 +627,10 @@ export interface SubscribeMagneticOptions {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet
+ * @import import sensor from '@system.sensor';
+ * @since 7
  */
 export interface HallResponse {
   /**
@@ -556,7 +642,10 @@ export interface HallResponse {
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.Sensor
  * @devices phone, tablet
+ * @import import sensor from '@system.sensor';
+ * @since 7
  */
 export interface SubscribeHallOptions {
   /**
@@ -587,20 +676,29 @@ export interface SubscribeHallOptions {
 }
 
 /**
- * @devices phone, tablet, wearable
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @devices phone, tablet, wearable, liteWearable
+ * @import import sensor from '@system.sensor';
+ * @since 7
  */
 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.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable
+   * @permission ohos.permission.ACCELEROMETER
+   * @since 3
    */
   static subscribeAccelerometer(options: subscribeAccelerometerOptions): void;
 
   /**
    * Cancels listening to acceleration sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable
+   * @permission ohos.permission.ACCELEROMETER
+   * @since 3
    */
   static unsubscribeAccelerometer(): void;
 
@@ -608,13 +706,17 @@ export default class Sensor {
    * Listens to compass sensor data changes.
    * If this API is called multiple times, the last call takes effect.
    * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable
+   * @since 3
    */
   static subscribeCompass(options: SubscribeCompassOptions): void;
 
   /**
    * Cancels listening to compass sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable
+   * @since 3
    */
   static unsubscribeCompass(): void;
 
@@ -622,14 +724,18 @@ export default class Sensor {
    * Listens to distance sensor data changes.
    * If this API is called multiple times, the last call takes effect.
    * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet
+   * @since 3
    */
   static subscribeProximity(options: SubscribeProximityOptions): void;
 
   /**
    * Cancels listening to distance sensor data.
    * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet
+   * @since 3
    */
   static unsubscribeProximity(): void;
 
@@ -637,13 +743,17 @@ export default class Sensor {
    * Listens to ambient light sensor data changes.
    * If this API is called multiple times, the last call takes effect.
    * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable
+   * @since 3
    */
   static subscribeLight(options: SubscribeLightOptions): void;
 
   /**
    * Cancels listening to ambient light sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable
+   * @since 3
    */
   static unsubscribeLight(): void;
 
@@ -651,13 +761,19 @@ export default class Sensor {
    * Listens to step counter sensor data changes.
    * If this API is called multiple times, the last call takes effect.
    * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable, liteWearable
+   * @permission ohos.permission.ACTIVITY_MOTION
+   * @since 3
    */
   static subscribeStepCounter(options: SubscribeStepCounterOptions): void;
 
   /**
    * Cancels listening to step counter sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable, liteWearable
+   * @permission ohos.permission.ACTIVITY_MOTION
+   * @since 3
    */
   static unsubscribeStepCounter(): void;
 
@@ -665,13 +781,17 @@ export default class Sensor {
    * Listens to barometer sensor data changes.
    * If this API is called multiple times, the last call takes effect.
    * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable, liteWearable
+   * @since 3
    */
   static subscribeBarometer(options: SubscribeBarometerOptions): void;
 
   /**
    * Cancels listening to barometer sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable, liteWearable
+   * @since 3
    */
   static unsubscribeBarometer(): void;
 
@@ -679,13 +799,19 @@ export default class Sensor {
    * Listens to changes of heart rate sensor data.
    * If this API is called multiple times, the last call takes effect.
    * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices wearable, liteWearable
+   * @permission ohos.permission.READ_HEALTH_DATA
+   * @since 3
    */
   static subscribeHeartRate(options: SubscribeHeartRateOptions): void;
 
   /**
    * Cancels listening to heart rate sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices wearable, liteWearable
+   * @permission ohos.permission.READ_HEALTH_DATA
+   * @since 3
    */
   static unsubscribeHeartRate(): void;
 
@@ -693,27 +819,44 @@ export default class Sensor {
    * Listens to whether a sensor is worn.
    * If this API is called multiple times, the last call takes effect.
    * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices wearable, liteWearable
+   * @since 3
    */
   static subscribeOnBodyState(options: SubscribeOnBodyStateOptions): void;
 
   /**
    * Cancels listening to whether the sensor is worn.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices wearable, liteWearable
+   * @since 3
    */
   static unsubscribeOnBodyState(): void;
 
+  /**
+   * Obtains the sensor wearing state.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @devices wearable, liteWearable
+   * @since 3
+   */
+  static getOnBodyState(options: GetOnBodyStateOptions): void;
+
   /**
    * Listens to device orientation sensor data changes.
    * If this API is called multiple times, the last call takes effect.
    * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable
+   * @since 6
    */
   static subscribeDeviceOrientation(options: SubscribeDeviceOrientationOptions): void;
 
   /**
    * Cancels listening to device orientation sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable
+   * @since 6
    */
   static unsubscribeDeviceOrientation(): void;
 
@@ -721,13 +864,19 @@ export default class Sensor {
    * Listens to gyroscope sensor data changes.
    * If this API is called multiple times, the last call takes effect.
    * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable
+   * @permission ohos.permission.GYROSCOPE
+   * @since 6
    */
   static subscribeGyroscope(options: SubscribeGyroscopeOptions): void;
 
   /**
    * Cancels listening to gyroscope sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable
+   * @permission ohos.permission.GYROSCOPE
+   * @since 6
    */
   static unsubscribeGyroscope(): void;
 
@@ -735,13 +884,17 @@ export default class Sensor {
    * Listens to gravity sensor data changes.
    * If this API is called multiple times, the last call takes effect.
    * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable
+   * @since 7
    */
   static subscribeGravity(options: SubscribeGravityOptions): void;
 
   /**
    * Cancels listening to gravity sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable
+   * @since 7
    */
   static unsubscribeGravity(): void;
 
@@ -749,13 +902,17 @@ export default class Sensor {
    * Listens to magnetic sensor data changes.
    * If this API is called multiple times, the last call takes effect.
    * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable
+   * @since 7
    */
   static subscribeMagnetic(options: SubscribeMagneticOptions): void;
 
   /**
    * Cancels listening to magnetic sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable
+   * @since 7
    */
   static unsubscribeMagnetic(): void;
 
@@ -763,20 +920,17 @@ export default class Sensor {
    * Listens to hall sensor data changes.
    * If this API is called multiple times, the last call takes effect.
    * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable
+   * @since 7
    */
   static subscribeHall(options: SubscribeHallOptions): void;
 
   /**
    * Cancels listening to hall sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
    * @devices phone, tablet, wearable
+   * @since 7
    */
   static unsubscribeHall(): void;
-
-  /**
-   * Obtains the sensor wearing state.
-   * @param options Options.
-   * @devices wearable, liteWearable
-   */
-  static getOnBodyState(options: GetOnBodyStateOptions): void;
 }
diff --git a/api/common/@system.vibrator.d.ts b/api/common/@system.vibrator.d.ts
index c7e45c54a3cc9449dc24d74a499347e64d760e09..903806100e6f4d486eb884743c1543075b936d32 100644
--- a/api/common/@system.vibrator.d.ts
+++ b/api/common/@system.vibrator.d.ts
@@ -14,7 +14,11 @@
  */
 
 /**
- *  @devices phone, tablet, wearable, liteWearable
+ * @SysCap SystemCapability.Sensors.MiscDevice
+ * @devices phone, tablet, wearable, liteWearable
+ * @import import vibrator from '@system.vibrator';
+ * @permission ohos.permission.VIBRATE
+ * @since 3
  */
 export interface VibrateOptions {
   /**
@@ -27,34 +31,40 @@ export interface VibrateOptions {
 
   /**
    * Called when success to trigger vibration.
-   * @devices liteWearable
+   * @devices phone, tablet, wearable, liteWearable
    * @since 3
    */
   success: () => void;
 
   /**
    * Called when fail to trigger vibration.
-   * @devices liteWearable
+   * @devices phone, tablet, wearable, liteWearable
    * @since 3
    */
   fail?: (data: string, code: number) => void;
 
   /**
    * Called when the execution is completed.
-   * @devices liteWearable
+   * @devices phone, tablet, wearable, liteWearable
    * @since 3
    */
   complete?: () => void;
 }
 
 /**
+ * @SysCap SystemCapability.Sensors.MiscDevice
  * @devices phone, tablet, wearable, liteWearable
+ * @import import vibrator from '@system.vibrator';
+ * @permission ohos.permission.VIBRATE
+ * @since 3
  */
 export default class Vibrator {
   /**
    * Triggers vibration.
    * @param options Options.
    * @devices phone, tablet, wearable, liteWearable
+   * @permission ohos.permission.VIBRATE
+   * @since 3
    */
   static vibrate(options?: VibrateOptions): void;
 }
diff --git a/api/commonEvent/commonEventData.d.ts b/api/commonEvent/commonEventData.d.ts
index 6447604ca61ad1292d2b0a7b41376d1fd2c24228..6e985c7156e1344d918407c3b9b2b91e074dcd43 100644
--- a/api/commonEvent/commonEventData.d.ts
+++ b/api/commonEvent/commonEventData.d.ts
@@ -49,4 +49,12 @@ export interface CommonEventData {
    * @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
index b9e46b93b092abdb8030c419408a2b1624d7fff8..4c1dd0b5dd291b9d5062bb8984d183fa496cfbe3 100644
--- a/api/commonEvent/commonEventPublishData.d.ts
+++ b/api/commonEvent/commonEventPublishData.d.ts
@@ -66,4 +66,12 @@ export interface CommonEventPublishData {
    * @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/commonEventSubscriber.d.ts b/api/commonEvent/commonEventSubscriber.d.ts
index 1a8182bb1bfe58f007f41f9f8b3d7997b0e2c2f5..65e5aba3537b2b8ea2080f0f63e701c46cae7435 100644
--- a/api/commonEvent/commonEventSubscriber.d.ts
+++ b/api/commonEvent/commonEventSubscriber.d.ts
@@ -13,7 +13,7 @@
  * limitations under the License.
  */
 import { AsyncCallback } from './../basic';
-import { CommonEventSubscribeInfo } from './commoneventsubscribeinfo';
+import { CommonEventSubscribeInfo } from './commonEventSubscribeInfo';
 
 /**
  * the subscriber of common event
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..e0d5a244ec6c6593417acd9bc79dfc487f21abba
--- 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,2437 @@
       ],
       "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 | space"
+        }
+      ],
+      "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"
+        },
+        {
+          "name": "space",
+          "description": "Tile the picture according to the image size, leaving the extra part blank."
+        }
+      ],
+      "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 +4417,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 +4466,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 +4487,10 @@
       ],
       "values": [
         {
-          "name": "fixed"
-        },
-        {
-          "name": "absolute"
+          "name": "exchange"
         },
         {
-          "name": "relative"
+          "name": "static"
         }
       ],
       "version": [
@@ -2108,7 +4500,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 +4512,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 +4526,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 +4557,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 +4583,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 +4609,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 +4635,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 +4666,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 +4699,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 +4732,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 +4798,7 @@
           ]
         },
         {
-          "name": "sharp",
+          "name": "baseline",
           "supportedDevices": [
             "tv",
             "phone",
@@ -2567,31 +4807,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 +4823,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 +4835,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 +4942,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 +5035,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 +5066,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 +5097,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 +5174,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 +5223,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 +5264,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 +5873,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 +6022,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 +6054,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 +6104,12 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Diameter of the navigation point indicator"
+          "name": "The previous margin"
         }
       ],
       "restrictions": [
@@ -3652,38 +6122,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 +6157,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 +6193,7 @@
       ]
     },
     {
-      "name": "word-break",
+      "name": "overflow",
       "supportedDevices": [
         "tv",
         "phone",
@@ -3745,21 +6202,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 +6226,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 +6617,7 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v5.0"
         }
       ],
       "description": [
@@ -4240,6 +6697,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 +6807,12 @@
         {
           "name": "bolder"
         },
+        {
+          "name": "medium"
+        },
+        {
+          "name": "regular"
+        },
         {
           "name": "100"
         },
@@ -4537,36 +7050,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 +7194,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 +7283,12 @@
       ],
       "syntax": [
         {
-          "name": "<number>"
+          "name": "[<string> | <number>]"
+        }
+      ],
+      "values": [
+        {
+          "name": "auto"
         }
       ],
       "version": [
@@ -4801,6 +7433,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 +7710,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 +8041,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 +8205,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 +8237,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 +8269,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 +8301,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 +8333,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 +8364,17 @@
       ],
       "syntax": [
         {
-          "name": "<string>"
+          "name": "blur()"
+        }
+      ],
+      "values": [
+        {
+          "name": "blur()"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
@@ -5620,7 +8385,7 @@
       "restrictions": [
         {
           "name": [
-            "string"
+            "enum"
           ]
         }
       ]
@@ -5635,12 +8400,17 @@
       ],
       "syntax": [
         {
-          "name": "<string>"
+          "name": "blur()"
+        }
+      ],
+      "values": [
+        {
+          "name": "blur()"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
@@ -5651,7 +8421,7 @@
       "restrictions": [
         {
           "name": [
-            "string"
+            "enum"
           ]
         }
       ]
@@ -5666,12 +8436,17 @@
       ],
       "syntax": [
         {
-          "name": "<string>"
+          "name": "blur() | style"
+        }
+      ],
+      "values": [
+        {
+          "name": "blur()"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
@@ -5682,7 +8457,7 @@
       "restrictions": [
         {
           "name": [
-            "string"
+            "enum"
           ]
         }
       ]
@@ -5782,6 +8557,12 @@
     },
     {
       "name": "caret-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
           "name": "<color>"
@@ -5789,12 +8570,12 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Caret color"
+          "name": "Sets the color of the input cursor."
         }
       ],
       "restrictions": [
@@ -5905,7 +8686,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 +8715,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 +8731,7 @@
         "tv",
         "phone",
         "tablet",
-        "wearable",
-        "liteWearable",
-        "smartVision"
+        "wearable"
       ],
       "version": [
         {
@@ -5963,14 +8740,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 +8781,7 @@
         "tv",
         "phone",
         "tablet",
-        "wearable",
-        "liteWearable",
-        "smartVision"
+        "wearable"
       ],
       "version": [
         {
@@ -5992,14 +8790,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 +8815,7 @@
       ],
       "description": [
         {
-          "name": "Represents any disabled element.",
+          "name": "Represents any disabled element",
           "supportedDevices": [
             "tv",
             "phone",
@@ -6044,7 +8840,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
index 799fdc4474dacc1073c12cb79affc478a3ae1e91..ac0e5eb6ea910729332d0535fcc3cf8980b1db5d 100755
--- a/api/data/rdb/resultSet.d.ts
+++ b/api/data/rdb/resultSet.d.ts
@@ -15,68 +15,84 @@
 import { AsyncCallback } from '../../basic'
 
 /**
-* Provides methods for accessing a database result set generated by querying the database.
-*
-* @devices phone, tablet, tv, wearable, car
-* @Syscap SystemCapability.Data.DATA_APPDATAMGR
-* @version 7
-*/
-
+ * 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.
      *
-     * The column names are returned as a string array, in which the strings are in the same order
+     * @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.
      *
-     * The returned number is equal to the length of the string array returned by the
+     * @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.
      *
-     * The result set index starts from 0.
-     *
+     * @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;
 
@@ -84,7 +100,10 @@ interface ResultSet {
      * 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;
 
@@ -93,29 +112,34 @@ interface ResultSet {
      *
      * 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.
      *
-     * The column name is passed as an input parameter.
-     *
+     * @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.
-     * @since 7
      */
     getColumnIndex(columnName: string): number;
 
     /**
      * Obtains the column name based on the specified column index.
      *
-     * The column index is passed as an input parameter.
-     *
+     * @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.
-     * @since 7
      */
     getColumnName(columnIndex: number): string;
 
@@ -123,123 +147,149 @@ interface ResultSet {
      * 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.
-     * @since 7
      */
     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.
-     * @since 7
      */
     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.
-     * @since 7
      */
     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.
-     * @since 7
      */
     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.
-     * @since 7
      */
     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.
-     * @since 7
      */
     goToPreviousRow(): boolean;
 
     /**
      * Obtains the value of the specified column in the current row as a byte array.
      *
-     * The implementation class determines whether to throw an exception if the value of the specified column
+     * @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.
-     * @since 7
      */
     getBlob(columnIndex: number): Uint8Array;
 
     /**
      * Obtains the value of the specified column in the current row as string.
      *
-     * The implementation class determines whether to throw an exception if the value of the specified column
+     * @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.
-     * @since 7
      */
     getString(columnIndex: number): string;
 
     /**
      * Obtains the value of the specified column in the current row as long.
      *
-     * 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
-     *
+     * @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.
-     * @since 7
      */
     getLong(columnIndex: number): number;
 
     /**
      * Obtains the value of the specified column in the current row as double.
      *
-     * 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
-     *
+     * @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.
-     * @since 7
      */
     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.
-     * @since 7
      */
     isColumnNull(columnIndex: number): boolean;
 
     /**
      * Closes the result set.
      *
-     * Calling this method on the result set will release all of its resources and makes it ineffective.
-     *
-     * @return Returns true if the result set is closed; returns false otherwise.
+     * @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/liteWearable/@internal/console.d.ts b/api/liteWearable/@internal/console.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..fa2c5cc33eeb529c6becdd7be5ce80fde5ec7e0c
--- /dev/null
+++ b/api/liteWearable/@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): void;
+
+  /**
+   * Prints "log" logs.
+   * @param message Text to print
+   */
+  static log(message: string): void;
+
+  /**
+   * Prints "info" logs.
+   * @param message Text to print
+   */
+  static info(message: string): void;
+
+  /**
+   * 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/option.d.ts b/api/liteWearable/@internal/index.d.ts
similarity index 60%
rename from api/@internal/component/ets/option.d.ts
rename to api/liteWearable/@internal/index.d.ts
index d3ecb5d4ce8287a83bd90aba232f1849c572a882..8712a2be0c6d8bd7db0dfa187cd0f1cfc2af817c 100644
--- a/api/@internal/component/ets/option.d.ts
+++ b/api/liteWearable/@internal/index.d.ts
@@ -1,28 +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, Resource } from "./common";
-
-export declare class OptionExtend<T> extends OptionAttribute<T> {
-}
-
-interface Option extends OptionAttribute<Option> {
-  (content?: string | Resource): Option;
-}
-
-declare class OptionAttribute<T> extends CommonMethod<T> {
-}
-
-export declare const OptionInterface: Option;
\ No newline at end of file
+/*
+ * 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/liteWearable/@system.battery.d.ts b/api/liteWearable/@system.battery.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..11464e63445836f35212e88aa471955143b10baf
--- /dev/null
+++ b/api/liteWearable/@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.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..a2ba19c06da730b1047e2e865f74c80ca2dcab99
--- /dev/null
+++ b/api/liteWearable/@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.
+   * @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
+   * 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.sensor.d.ts b/api/liteWearable/@system.sensor.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4f77d0f015c43ea8af2ca60bd1ff95f8093bf7ed
--- /dev/null
+++ b/api/liteWearable/@system.sensor.d.ts
@@ -0,0 +1,255 @@
+/*
+ * 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 SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACTIVITY_MOTION
+ * @since 3
+ */
+export interface StepCounterResponse {
+  /**
+   * Number of steps counted.
+   * Each time the device restarts, the value is recalculated from 0.
+   * @since 3
+   */
+  steps: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACTIVITY_MOTION
+ * @since 3
+ */
+export interface SubscribeStepCounterOptions {
+  /**
+   * Called when step counter sensor data changes.
+   * @since 3
+   */
+  success: (data: StepCounterResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface BarometerResponse {
+  /**
+   * Pressure, in pascal.
+   * @since 3
+   */
+  pressure: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface SubscribeBarometerOptions {
+  /**
+   * Called when the barometer sensor data changes.
+   * @since 3
+   */
+  success: (data: BarometerResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.READ_HEALTH_DATA
+ * @since 3
+ */
+export interface HeartRateResponse  {
+  /**
+   * Heart rate.
+   * @since 3
+   */
+  heartRate: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.READ_HEALTH_DATA
+ * @since 3
+ */
+export interface SubscribeHeartRateOptions {
+  /**
+   * Called when the heart rate sensor data changes.
+   * @since 3
+   */
+  success: (data: HeartRateResponse) => void;
+
+  /**
+   * Called when the listening fails
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface OnBodyStateResponse {
+  /**
+   * Whether the sensor is worn.
+   * @since 3
+   */
+  value: boolean;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface SubscribeOnBodyStateOptions {
+  /**
+   * Called when the wearing status changes.
+   * @since 3
+   */
+  success: (data: OnBodyStateResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface GetOnBodyStateOptions {
+  /**
+   * Called when the sensor wearing state is obtained
+   * @since 3
+   */
+  success: (data: OnBodyStateResponse) => void;
+
+  /**
+   * Called when the sensor wearing state fails to be obtained
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export default class Sensor {
+  /**
+   * Listens to step counter sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.ACTIVITY_MOTION
+   * @since 3
+   */
+  static subscribeStepCounter(options: SubscribeStepCounterOptions): void;
+
+  /**
+   * Cancels listening to step counter sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.ACTIVITY_MOTION
+   * @since 3
+   */
+  static unsubscribeStepCounter(): void;
+
+  /**
+   * Listens to barometer sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static subscribeBarometer(options: SubscribeBarometerOptions): void;
+
+  /**
+   * Cancels listening to barometer sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  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.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.READ_HEALTH_DATA
+   * @since 3
+   */
+  static subscribeHeartRate(options: SubscribeHeartRateOptions): void;
+
+  /**
+   * Cancels listening to heart rate sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.READ_HEALTH_DATA
+   * @since 3
+   */
+  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.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static subscribeOnBodyState(options: SubscribeOnBodyStateOptions): void;
+
+  /**
+   * Cancels listening to whether the sensor is worn.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static unsubscribeOnBodyState(): void;
+
+  /**
+   * Obtains the sensor wearing state.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static getOnBodyState(options: GetOnBodyStateOptions): 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/liteWearable/@system.vibrator.d.ts b/api/liteWearable/@system.vibrator.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cf23b8a6de9c3af921df85dda15ecb65679837a8
--- /dev/null
+++ b/api/liteWearable/@system.vibrator.d.ts
@@ -0,0 +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.
+ */
+
+/**
+ * @SysCap SystemCapability.Sensors.MiscDevice
+ * @import import vibrator from '@system.vibrator';
+ * @permission ohos.permission.VIBRATE
+ * @since 3
+ */
+export interface VibrateOptions {
+  /**
+   * Vibration mode. The value long indicates long vibration, and short indicates short vibration.
+   * The default value is long.
+   * @since 3
+   */
+  mode?: "long" | "short";
+
+  /**
+   * Called when success to trigger vibration.
+   * @since 3
+   */
+  success: () => void;
+
+  /**
+   * Called when fail to trigger vibration.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.MiscDevice
+ * @import import vibrator from '@system.vibrator';
+ * @permission ohos.permission.VIBRATE
+ * @since 3
+ */
+export default class Vibrator {
+  /**
+   * Triggers vibration.
+   * @param options Options.
+   * @permission ohos.permission.VIBRATE
+   * @since 3
+   */
+  static vibrate(options?: VibrateOptions): void;
+}
\ No newline at end of file
diff --git a/api/notification/notificationActionButton.d.ts b/api/notification/notificationActionButton.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d67934492a3091a57fbe745664cf5797e37a138d
--- /dev/null
+++ b/api/notification/notificationActionButton.d.ts
@@ -0,0 +1,49 @@
+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License"),
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http?://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { NotificationUserInput } from './notificationUserInput';
+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};
+
+  /**
+   * User input
+   *
+   * @since 8
+   */
+  userInput?: NotificationUserInput;
+}
diff --git a/api/notification/notificationContent.d.ts b/api/notification/notificationContent.d.ts
index 134218f5ef664ad113e734f1db893b6c24a64efc..d2cc36ebdc6e98670dfc6dc78c3071da0564e4f5 100644
--- a/api/notification/notificationContent.d.ts
+++ b/api/notification/notificationContent.d.ts
@@ -14,9 +14,9 @@
  */
 
 import notification from '../@ohos.notification';
-
+import image from './@ohos.multimedia.image';
 /**
- * Constructs basic notifications.
+ * Describes a normal text notification.
  *
  * @name NotificationBasicContent
  * @since 7
@@ -25,13 +25,24 @@ import notification from '../@ohos.notification';
  * @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;
 }
 
 /**
- * Constructs notifications that include long text. The long text contains a maximum of 1024 characters.
+ * Describes a long text notification.
  *
  * @name NotificationLongTextContent
  * @since 7
@@ -40,13 +51,24 @@ export interface NotificationBasicContent {
  * @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;
 }
 
 /**
- * Constructs a notification that includes multiple lines of text.
+ * Describes a multi-line text notification.
  *
  * @name NotificationMultiLineContent
  * @since 7
@@ -55,23 +77,80 @@ export interface NotificationLongTextContent extends NotificationBasicContent {
  * @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>;
 }
 
 /**
- * Constructs a notification that includes multiple lines of text.
+ * Describes a picture-attached notification.
  *
- * @name NotificationMultiLineContent
+ * @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
index 0914b648d2caaae1713c825d5e1ae9dad639ff94..f5a27477ee4b150d43024ec84e52db48d06559ea 100644
--- a/api/notification/notificationRequest.d.ts
+++ b/api/notification/notificationRequest.d.ts
@@ -14,12 +14,13 @@
  */
 
 import notification from '../@ohos.notification';
+import image from '../@ohos.multimedia.image';
 import { WantAgent } from '../@ohos.wantAgent';
 import { NotificationContent } from './notificationContent';
 import { NotificationActionButton } from './notificationActionButton';
 
 /**
- * Carries notifications.
+ * Defines a NotificationRequest instance.
  *
  * @name NotificationRequest
  * @since 7
@@ -28,42 +29,164 @@ import { NotificationActionButton } from './notificationActionButton';
  * @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;
+
+  /**
+   * The group information for this notification.
+   *
+   * @since 8
+   */
+  groupName?: string;
+
+  /**
+   * 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.
-   * @since 7
    */
   classification?: string;
 
   /**
    * Obtains the unique hash code of a notification in the current application.
-   *
-   * @since 7
    */
   readonly hashCode?: string;
+
+  /**
+   * Whether the notification can be remove.
+   *
+   * @default true
+   * @since 8
+   * @systemapi Hide this for inner system use.
+   */
+  readonly isRemoveAllowed?: boolean;
+
+  /**
+   * Notification source. enum SourceType
+   *
+   * @since 8
+   * @systemapi Hide this for inner system use.
+   */
+  readonly source?: number;
 }
diff --git a/api/notification/notificationSlot.d.ts b/api/notification/notificationSlot.d.ts
index 56f987e69eecab5a125c9ba077f6c5d27153ba18..82ff360f74f57ce33f6749c346ba2e29f15019eb 100644
--- a/api/notification/notificationSlot.d.ts
+++ b/api/notification/notificationSlot.d.ts
@@ -16,89 +16,67 @@
 import notification from '../@ohos.notification';
 
 /**
- * A constructor used to initialize the type, desc, and level of a {@code NotificationSlot} object.
+ * Describes a NotificationSlot instance.
  *
  * @name NotificationSlot
  * @since 7
- * @sysCap SystemCapability.Notification.ANS
  * @devices phone, tablet, tv, wearable, car
  * @permission N/A
+ * @sysCap SystemCapability.Notification.ANS
  */
 export interface NotificationSlot {
   /**
    * Obtains the type of a notification slot.
-   *
-   * @since 7
    */
   type: notification.SlotType;
 
   /**
    * Obtains the level of a notification slot
-   *
-   * @since 7
    */
   level?: notification.SlotLevel;
 
   /**
    * Obtains the description of a notification slot.
-   *
-   * @since 7
    */
   desc?: string;
 
   /**
    * Obtains the application icon badge status of a notification slot.
-   *
-   * @since 7
    */
   badgeFlag?: boolean;
 
   /**
    * Obtains whether DND mode is bypassed for a notification slot.
-   *
-   * @since 7
    */
   bypassDnd?: boolean;
 
   /**
    * Whether and how to display notifications on the lock screen.
-   *
-   * @since 7
    */
   lockscreenVisibility?: number;
 
   /**
    * Obtains the vibration status of the notification slot.
-   *
-   * @since 7
    */
   vibrationEnabled?: boolean;
 
   /**
    * Obtains the prompt tone of the notification slot.
-   *
-   * @since 7
    */
   sound?: string;
 
   /**
    * Obtains whether the notification light is enabled in a notification slot.
-   *
-   * @since 7
    */
   lightEnabled?: boolean;
 
   /**
    * Obtains the color of the notification light in a notification slot.
-   *
-   * @since 7
    */
   lightColor?: number;
 
   /**
    * Obtains the vibration style of notifications in this notification slot.
-   *
-   * @since 7
    */
   vibrationValues?: Array<number>;
 }
diff --git a/api/notification/notificationSorting.d.ts b/api/notification/notificationSorting.d.ts
index 1a34e32fa242534466056aeb6a408260297e0389..a4d917145141ce36f5f9f2ca5e153cc738ccd152 100644
--- a/api/notification/notificationSorting.d.ts
+++ b/api/notification/notificationSorting.d.ts
@@ -22,6 +22,7 @@ import { NotificationSlot } from './notificationSlot';
  * @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 {
diff --git a/api/notification/notificationSortingMap.d.ts b/api/notification/notificationSortingMap.d.ts
index 829ddaf15c4e1d9af5966df56521faaccfd04905..2b2a73b4e4daf6f7bd9f1eaf407bf1346e6081b3 100644
--- a/api/notification/notificationSortingMap.d.ts
+++ b/api/notification/notificationSortingMap.d.ts
@@ -23,6 +23,7 @@ import { NotificationSorting } from './notificationSorting';
  * @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};
diff --git a/api/notification/notificationSubscribeInfo.ts b/api/notification/notificationSubscribeInfo.d.ts
similarity index 95%
rename from api/notification/notificationSubscribeInfo.ts
rename to api/notification/notificationSubscribeInfo.d.ts
index ea1f69fc2ab770b6cf92ce12462d595cc7b18b9d..d7ee89bd9a53c526aec7dfcdbff571c80d199996 100644
--- a/api/notification/notificationSubscribeInfo.ts
+++ b/api/notification/notificationSubscribeInfo.d.ts
@@ -21,6 +21,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>;
diff --git a/api/notification/notificationSubscriber.d.ts b/api/notification/notificationSubscriber.d.ts
index a659a9d0f17b31028603b3228d257116df9a78ba..d8e2277bc72c82461cf7efc540cdf00be1cf9e19 100644
--- a/api/notification/notificationSubscriber.d.ts
+++ b/api/notification/notificationSubscriber.d.ts
@@ -36,6 +36,13 @@ export interface NotificationSubscriber {
   onDisconnect?:() => void;
   onDestroy?:() => void;
   onDisturbModeChange?:(mode: notification.DoNotDisturbMode) => void;
+
+  /**
+   * Callback when the Do Not Disturb setting changed.
+   *
+   * @since 8
+   */
+  onDoNotDisturbDateChange?:(mode: notification.DoNotDisturbDate) => void;
 }
 
 /**
diff --git a/api/notification/notificationActionButton.ts b/api/notification/notificationUserInput.d.ts
similarity index 73%
rename from api/notification/notificationActionButton.ts
rename to api/notification/notificationUserInput.d.ts
index 140215050e83fcd221ae81a436d28b747f233353..63f0229887675cb5071c4a9e686bdf8e0714cf55 100644
--- a/api/notification/notificationActionButton.ts
+++ b/api/notification/notificationUserInput.d.ts
@@ -13,18 +13,18 @@
  * limitations under the License.
  */
 
-import { WantAgent } from '../@ohos.wantAgent';
-
 /**
- * The action button of notification
- * @name NotificationActionButton
- * @since 7
- * @sysCap SystemCapability.Notification.ANS
+ * Describes a NotificationUserInput instance.
+ *
+ * @name NotificationUserInput
+ * @since 8
  * @devices phone, tablet, tv, wearable, car
  * @permission N/A
+ * @sysCap SystemCapability.Notification.ANS
  */
-export interface NotificationActionButton {
-  title: string;
-  wantAgent: WantAgent;
-  extras?: {[key: string]: any};
+export interface NotificationUserInput {
+  /**
+   * Obtains the key used to identify this input when the input is collected from the user.
+   */
+  inputKey: string;
 }
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
diff --git a/api/phone/@ohos.url.d.ts b/api/phone/@ohos.url.d.ts
old mode 100755
new mode 100644
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..e5123a71625f1a384691bb551464585a5a3fa005 100644
--- a/api/phone/@system.device.d.ts
+++ b/api/phone/@system.device.d.ts
@@ -1,133 +1,132 @@
-/*
- * 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
+   * 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
index b0addd5d69f76347f1206d1efb87cad53c34e555..487c87973e5d0bde86add41f8ea866ff4a419b5e 100644
--- a/api/phone/@system.sensor.d.ts
+++ b/api/phone/@system.sensor.d.ts
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * 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
@@ -13,6 +13,12 @@
  * limitations under the License.
  */
 
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACCELEROMETER
+ * @since 3
+ */
 export interface AccelerometerResponse {
   /**
    * X-coordinate
@@ -33,6 +39,42 @@ export interface AccelerometerResponse {
   z: number;
 }
 
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACCELEROMETER
+ * @since 3
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
 export interface CompassResponse {
   /**
    * Direction of the device (in degrees).
@@ -41,6 +83,62 @@ export interface CompassResponse {
   direction: number;
 }
 
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface SubscribeCompassOptions {
+  /**
+   * Called when compass sensor data changes.
+   * @since 3
+   */
+  success: (data: CompassResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface ProximityResponse {
+  /**
+   * Distance between a visible object and the device screen
+   * @since 3
+   */
+  distance: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface SubscribeProximityOptions {
+  /**
+   * Called when distance sensor data changes.
+   * @since 3
+   */
+  success: (data: ProximityResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
 export interface LightResponse {
   /**
    * Light intensity, in lux.
@@ -49,6 +147,31 @@ export interface LightResponse {
   intensity: number;
 }
 
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface SubscribeLightOptions {
+  /**
+   * Called when ambient light sensor data changes.
+   * @since 3
+   */
+  success: (data: LightResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACTIVITY_MOTION
+ * @since 3
+ */
 export interface StepCounterResponse {
   /**
    * Number of steps counted.
@@ -58,6 +181,31 @@ export interface StepCounterResponse {
   steps: number;
 }
 
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACTIVITY_MOTION
+ * @since 3
+ */
+export interface SubscribeStepCounterOptions {
+  /**
+   * Called when step counter sensor data changes.
+   * @since 3
+   */
+  success: (data: StepCounterResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
 export interface BarometerResponse {
   /**
    * Pressure, in pascal.
@@ -66,6 +214,30 @@ export interface BarometerResponse {
   pressure: number;
 }
 
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface SubscribeBarometerOptions {
+  /**
+   * Called when the barometer sensor data changes.
+   * @since 3
+   */
+  success: (data: BarometerResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 6
+ */
 export interface DeviceOrientationResponse {
   /**
    * alpha
@@ -86,6 +258,42 @@ export interface DeviceOrientationResponse {
   gamma: number;
 }
 
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 6
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.GYROSCOPE
+ * @since 6
+ */
 export interface GyroscopeResponse {
   /**
    * X-coordinate
@@ -106,6 +314,42 @@ export interface GyroscopeResponse {
   z: number;
 }
 
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.GYROSCOPE
+ * @since 6
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
 export interface GravityResponse {
   /**
    * X-coordinate
@@ -126,6 +370,41 @@ export interface GravityResponse {
   z: number;
 }
 
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
 export interface MagneticResponse {
   /**
    * X-coordinate
@@ -146,6 +425,41 @@ export interface MagneticResponse {
   z: number;
 }
 
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
 export interface HallResponse {
   /**
    * Indicates the hall sensor data.
@@ -155,37 +469,56 @@ export interface HallResponse {
 }
 
 /**
- * @Syscap SysCap.ACE.UIEngine
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
  */
 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;
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.ACCELEROMETER
+   * @since 3
+   */
+  static subscribeAccelerometer(options: subscribeAccelerometerOptions): void;
 
   /**
    * Cancels listening to acceleration sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.ACCELEROMETER
+   * @since 3
    */
   static unsubscribeAccelerometer(): void;
 
@@ -193,275 +526,164 @@ export default class Sensor {
    * Listens to compass sensor data changes.
    * If this API is called multiple times, the last call takes effect.
    * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
    */
-  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;
+  static subscribeCompass(options: SubscribeCompassOptions): void;
 
   /**
    * Cancels listening to compass sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
    */
   static unsubscribeCompass(): void;
 
   /**
    * Listens to distance sensor data changes.
    * If this API is called multiple times, the last call takes effect.
-   * @param options
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
    */
-  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;
+  static subscribeProximity(options: SubscribeProximityOptions): void;
 
   /**
    * Cancels listening to distance sensor data.
-   * @param options
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
    */
   static unsubscribeProximity(): void;
 
   /**
    * Listens to ambient light sensor data changes.
    * If this API is called multiple times, the last call takes effect.
-   * @param options
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
    */
-  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;
+  static subscribeLight(options: SubscribeLightOptions): void;
 
   /**
    * Cancels listening to ambient light sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
    */
   static unsubscribeLight(): void;
 
   /**
    * Listens to step counter sensor data changes.
    * If this API is called multiple times, the last call takes effect.
-   * @param options
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.ACTIVITY_MOTION
+   * @since 3
    */
-  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;
+  static subscribeStepCounter(options: SubscribeStepCounterOptions): void;
 
   /**
    * Cancels listening to step counter sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.ACTIVITY_MOTION
+   * @since 3
    */
   static unsubscribeStepCounter(): void;
 
   /**
    * Listens to barometer sensor data changes.
    * If this API is called multiple times, the last call takes effect.
-   * @param options
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
    */
-  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;
+  static subscribeBarometer(options: SubscribeBarometerOptions): void;
 
   /**
    * Cancels listening to barometer sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
    */
   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;
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 6
+   */
+  static subscribeDeviceOrientation(options: SubscribeDeviceOrientationOptions): void;
 
   /**
    * Cancels listening to device orientation sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 6
    */
   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;
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.GYROSCOPE
+   * @since 6
+   */
+  static subscribeGyroscope(options: SubscribeGyroscopeOptions): void;
 
   /**
    * Cancels listening to gyroscope sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.GYROSCOPE
+   * @since 6
    */
   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;
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 7
+   */
+  static subscribeGravity(options: SubscribeGravityOptions): void;
 
   /**
    * Cancels listening to gravity sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 7
    */
   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;
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 7
+   */
+  static subscribeMagnetic(options: SubscribeMagneticOptions): void;
 
   /**
    * Cancels listening to magnetic sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 7
    */
   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;
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 7
+   */
+  static subscribeHall(options: SubscribeHallOptions): void;
 
   /**
    * Cancels listening to hall sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 7
    */
   static unsubscribeHall(): void;
 }
diff --git a/api/phone/@system.vibrator.d.ts b/api/phone/@system.vibrator.d.ts
index af7fd34f764f3767827282bfad5387ba93372a8f..cf23b8a6de9c3af921df85dda15ecb65679837a8 100644
--- a/api/phone/@system.vibrator.d.ts
+++ b/api/phone/@system.vibrator.d.ts
@@ -1,34 +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 VibrateOptions {
-  /**
-   * Vibration mode. The value long indicates long vibration, and short indicates short vibration.
-   * The default value is long.
-   * @since 3
-   */
-  mode?: "long" | "short";
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Vibrator {
-  /**
-   * Triggers vibration.
-   * @param options Options.
-   */
-  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.
+ */
+
+/**
+ * @SysCap SystemCapability.Sensors.MiscDevice
+ * @import import vibrator from '@system.vibrator';
+ * @permission ohos.permission.VIBRATE
+ * @since 3
+ */
+export interface VibrateOptions {
+  /**
+   * Vibration mode. The value long indicates long vibration, and short indicates short vibration.
+   * The default value is long.
+   * @since 3
+   */
+  mode?: "long" | "short";
+
+  /**
+   * Called when success to trigger vibration.
+   * @since 3
+   */
+  success: () => void;
+
+  /**
+   * Called when fail to trigger vibration.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.MiscDevice
+ * @import import vibrator from '@system.vibrator';
+ * @permission ohos.permission.VIBRATE
+ * @since 3
+ */
+export default class Vibrator {
+  /**
+   * Triggers vibration.
+   * @param options Options.
+   * @permission ohos.permission.VIBRATE
+   * @since 3
+   */
+  static vibrate(options?: VibrateOptions): void;
 }
\ No newline at end of file
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/@internal/component/ets/navigatorView.d.ts b/api/smartVision/@internal/index.d.ts
similarity index 58%
rename from api/@internal/component/ets/navigatorView.d.ts
rename to api/smartVision/@internal/index.d.ts
index be44e291a4c10f51053c85118da6779df6429578..1121f0af6f4a6eef510a81c1d6f267dc15093406 100644
--- a/api/@internal/component/ets/navigatorView.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,16 +13,6 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
-
-export declare class NavigationViewExtend<T> extends NavigationViewAttribute<T> {
-}
-
-interface NavigationView extends NavigationViewAttribute<NavigationView> {
-  (): NavigationView;
-}
-
-declare class NavigationViewAttribute<T> extends CommonMethod<T> {
-}
-
-export declare const NavigationViewInterface: NavigationView;
+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/smartVision/@system.app.d.ts b/api/smartVision/@system.app.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4ba272a04db96046cc677f6ece65effc3719836f
--- /dev/null
+++ b/api/smartVision/@system.app.d.ts
@@ -0,0 +1,49 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface AppResponse {
+  /**
+   * Application name
+   * @since 3
+   */
+  appName: string;
+
+  /**
+   * Application version name
+   * @since 3
+   */
+  versionName: string;
+
+  /**
+   * Application version
+   * @since 3
+   */
+  versionCode: number;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngineLite
+ */
+export default class App {
+  /**
+   * Obtains the declared information in the config.json file of an application.
+   */
+  static getInfo(): AppResponse;
+
+  /**
+   * Destroys the current ability.
+   */
+  static terminate(): void;
+}
diff --git a/api/smartVision/@system.cipher.d.ts b/api/smartVision/@system.cipher.d.ts
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 57%
rename from api/@internal/component/ets/geometryView.d.ts
rename to api/tablet/@internal/index.d.ts
index a9c489bea31e564f1290be92ab0b44cea3722b1f..8712a2be0c6d8bd7db0dfa187cd0f1cfc2af817c 100644
--- a/api/@internal/component/ets/geometryView.d.ts
+++ b/api/tablet/@internal/index.d.ts
@@ -1,28 +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 class GeometryViewExtend<T> extends GeometryViewAttribute<T> {
-}
-
-interface GeometryView extends GeometryViewAttribute<GeometryView> {
-  (callback: (geometry?: any) => void): GeometryView;
-}
-
-declare class GeometryViewAttribute<T> extends CommonMethod<T> {
-}
-
-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..93cea13524b92e8ae3831729fa5afcec14a0a106
--- /dev/null
+++ b/api/tablet/@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
+   * 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.sensor.d.ts b/api/tablet/@system.sensor.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..487c87973e5d0bde86add41f8ea866ff4a419b5e
--- /dev/null
+++ b/api/tablet/@system.sensor.d.ts
@@ -0,0 +1,689 @@
+/*
+ * 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.
+ */
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACCELEROMETER
+ * @since 3
+ */
+export interface AccelerometerResponse {
+  /**
+   * X-coordinate
+   * @since 3
+   */
+  x: number;
+
+  /**
+   * Y-coordinate
+   * @since 3
+   */
+  y: number;
+
+  /**
+   * Z-coordinate
+   * @since 3
+   */
+  z: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACCELEROMETER
+ * @since 3
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface CompassResponse {
+  /**
+   * Direction of the device (in degrees).
+   * @since 3
+   */
+  direction: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface SubscribeCompassOptions {
+  /**
+   * Called when compass sensor data changes.
+   * @since 3
+   */
+  success: (data: CompassResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface ProximityResponse {
+  /**
+   * Distance between a visible object and the device screen
+   * @since 3
+   */
+  distance: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface SubscribeProximityOptions {
+  /**
+   * Called when distance sensor data changes.
+   * @since 3
+   */
+  success: (data: ProximityResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface LightResponse {
+  /**
+   * Light intensity, in lux.
+   * @since 3
+   */
+  intensity: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface SubscribeLightOptions {
+  /**
+   * Called when ambient light sensor data changes.
+   * @since 3
+   */
+  success: (data: LightResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACTIVITY_MOTION
+ * @since 3
+ */
+export interface StepCounterResponse {
+  /**
+   * Number of steps counted.
+   * Each time the device restarts, the value is recalculated from 0.
+   * @since 3
+   */
+  steps: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACTIVITY_MOTION
+ * @since 3
+ */
+export interface SubscribeStepCounterOptions {
+  /**
+   * Called when step counter sensor data changes.
+   * @since 3
+   */
+  success: (data: StepCounterResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface BarometerResponse {
+  /**
+   * Pressure, in pascal.
+   * @since 3
+   */
+  pressure: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface SubscribeBarometerOptions {
+  /**
+   * Called when the barometer sensor data changes.
+   * @since 3
+   */
+  success: (data: BarometerResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 6
+ */
+export interface DeviceOrientationResponse {
+  /**
+   * alpha
+   * @since 6
+   */
+  alpha: number;
+
+  /**
+   * beta
+   * @since 6
+   */
+  beta: number;
+
+  /**
+   * gamma
+   * @since 6
+   */
+  gamma: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 6
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.GYROSCOPE
+ * @since 6
+ */
+export interface GyroscopeResponse {
+  /**
+   * X-coordinate
+   * @since 6
+   */
+  x: number;
+
+  /**
+   * Y-coordinate
+   * @since 6
+   */
+  y: number;
+
+  /**
+   * Z-coordinate
+   * @since 6
+   */
+  z: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.GYROSCOPE
+ * @since 6
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
+export interface GravityResponse {
+  /**
+   * X-coordinate
+   * @since 7
+   */
+  x: number;
+
+  /**
+   * Y-coordinate
+   * @since 7
+   */
+  y: number;
+
+  /**
+   * Z-coordinate
+   * @since 7
+   */
+  z: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
+export interface MagneticResponse {
+  /**
+   * X-coordinate
+   * @since 7
+   */
+  x: number;
+
+  /**
+   * Y-coordinate
+   * @since 7
+   */
+  y: number;
+
+  /**
+   * Z-coordinate
+   * @since 7
+   */
+  z: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
+export interface HallResponse {
+  /**
+   * Indicates the hall sensor data.
+   * @since 7
+   */
+  value: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
+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.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.ACCELEROMETER
+   * @since 3
+   */
+  static subscribeAccelerometer(options: subscribeAccelerometerOptions): void;
+
+  /**
+   * Cancels listening to acceleration sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.ACCELEROMETER
+   * @since 3
+   */
+  static unsubscribeAccelerometer(): void;
+
+  /**
+   * Listens to compass sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static subscribeCompass(options: SubscribeCompassOptions): void;
+
+  /**
+   * Cancels listening to compass sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static unsubscribeCompass(): void;
+
+  /**
+   * Listens to distance sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static subscribeProximity(options: SubscribeProximityOptions): void;
+
+  /**
+   * Cancels listening to distance sensor data.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  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.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static subscribeLight(options: SubscribeLightOptions): void;
+
+  /**
+   * Cancels listening to ambient light sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  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.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.ACTIVITY_MOTION
+   * @since 3
+   */
+  static subscribeStepCounter(options: SubscribeStepCounterOptions): void;
+
+  /**
+   * Cancels listening to step counter sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.ACTIVITY_MOTION
+   * @since 3
+   */
+  static unsubscribeStepCounter(): void;
+
+  /**
+   * Listens to barometer sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static subscribeBarometer(options: SubscribeBarometerOptions): void;
+
+  /**
+   * Cancels listening to barometer sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static unsubscribeBarometer(): void;
+
+  /**
+   * Listens to device orientation sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 6
+   */
+  static subscribeDeviceOrientation(options: SubscribeDeviceOrientationOptions): void;
+
+  /**
+   * Cancels listening to device orientation sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 6
+   */
+  static unsubscribeDeviceOrientation(): void;
+
+  /**
+   * Listens to gyroscope sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.GYROSCOPE
+   * @since 6
+   */
+  static subscribeGyroscope(options: SubscribeGyroscopeOptions): void;
+
+  /**
+   * Cancels listening to gyroscope sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.GYROSCOPE
+   * @since 6
+   */
+  static unsubscribeGyroscope(): void;
+
+  /**
+   * Listens to gravity sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 7
+   */
+  static subscribeGravity(options: SubscribeGravityOptions): void;
+
+  /**
+   * Cancels listening to gravity sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 7
+   */
+  static unsubscribeGravity(): void;
+
+  /**
+   * Listens to magnetic sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 7
+   */
+  static subscribeMagnetic(options: SubscribeMagneticOptions): void;
+
+  /**
+   * Cancels listening to magnetic sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 7
+   */
+  static unsubscribeMagnetic(): void;
+
+  /**
+   * Listens to hall sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 7
+   */
+  static subscribeHall(options: SubscribeHallOptions): void;
+
+  /**
+   * Cancels listening to hall sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 7
+   */
+  static unsubscribeHall(): 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/tablet/@system.vibrator.d.ts b/api/tablet/@system.vibrator.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cf23b8a6de9c3af921df85dda15ecb65679837a8
--- /dev/null
+++ b/api/tablet/@system.vibrator.d.ts
@@ -0,0 +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.
+ */
+
+/**
+ * @SysCap SystemCapability.Sensors.MiscDevice
+ * @import import vibrator from '@system.vibrator';
+ * @permission ohos.permission.VIBRATE
+ * @since 3
+ */
+export interface VibrateOptions {
+  /**
+   * Vibration mode. The value long indicates long vibration, and short indicates short vibration.
+   * The default value is long.
+   * @since 3
+   */
+  mode?: "long" | "short";
+
+  /**
+   * Called when success to trigger vibration.
+   * @since 3
+   */
+  success: () => void;
+
+  /**
+   * Called when fail to trigger vibration.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.MiscDevice
+ * @import import vibrator from '@system.vibrator';
+ * @permission ohos.permission.VIBRATE
+ * @since 3
+ */
+export default class Vibrator {
+  /**
+   * Triggers vibration.
+   * @param options Options.
+   * @permission ohos.permission.VIBRATE
+   * @since 3
+   */
+  static vibrate(options?: VibrateOptions): void;
+}
\ No newline at end of file
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/tv/@internal/index.d.ts b/api/tv/@internal/index.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8712a2be0c6d8bd7db0dfa187cd0f1cfc2af817c
--- /dev/null
+++ b/api/tv/@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/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..e43454048e147e2710f4343ec75c9ee471ae09d7
--- /dev/null
+++ b/api/tv/@system.device.d.ts
@@ -0,0 +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
+   * 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
index 4cc5aa29483145bc61d04637b86cfe002ef3ce34..f33531d327fef0445af7e2609cd3fb924ded1971 100644
--- a/api/wantAgent/wantAgentInfo.d.ts
+++ b/api/wantAgent/wantAgentInfo.d.ts
@@ -17,18 +17,37 @@ import { Want } from '../ability/want';
 import wantAgent from '../@ohos.wantAgent'
 
 /**
- * the info of WantAgent
+ * Provides the information required for triggering a WantAgent.
  *
  * @name WantAgentInfo
  * @since 7
- * @sysCap ans
- * @devices phone, tablet
+ * @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/@internal/component/ets/ability_component.d.ts b/api/wearable/@system.battery.d.ts
similarity index 37%
rename from api/@internal/component/ets/ability_component.d.ts
rename to api/wearable/@system.battery.d.ts
index 2ca00277284586bbe46e14156c25f717b9f2f150..2ab3be8157eff669f5094bbce8e63bcf4efe7671 100644
--- a/api/@internal/component/ets/ability_component.d.ts
+++ b/api/wearable/@system.battery.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,29 +13,45 @@
  * limitations under the License.
  */
 
-import {CommonMethod} from "./common";
-import {Want} from "../api/common/ability/want";
+export interface BatteryResponse {
+  /**
+   * Whether the battery is being charged.
+   * @since 3
+   */
+  charging: boolean;
 
-export declare class AbilityController {
-    constructor();
-    startAbility(value: Want);
-    performBackPress();
-    getStackCount();
+  /**
+   * Current battery level, which ranges from 0.00 to 1.00.
+   * @since 3
+   */
+  level: number;
 }
 
-export declare class AbilityComponentExtend<T> extends AbilityComponentAttribute<T> {
-}
+/**
+ * @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;
 
-interface AbilityComponent extends AbilityComponentAttribute<AbilityComponent> {
-  (value: { want: Want, controller?: AbilityController }): AbilityComponent;
-}
+    /**
+     * Called when the current charging state and battery level fail to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
 
-declare class AbilityComponentAttribute<T> extends CommonMethod<T> {
-  onReady(event: () => void): T;
-  onDestroy(event: () => void): T;
-  onAbilityCreated(event: (name: string) => void): T;
-  onAbilityMoveToFront(event: () => void): T;
-  onAbilityWillRemove(event: () => void): T;
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
 }
-
-export declare const AbilityComponentInterface: AbilityComponent;
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..01b71d87be05a86eafa66f98d39fb95e26ed6d4d
--- /dev/null
+++ b/api/wearable/@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
+   * 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.sensor.d.ts b/api/wearable/@system.sensor.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a090153c5a5f925ace217aa338b89b55f302de58
--- /dev/null
+++ b/api/wearable/@system.sensor.d.ts
@@ -0,0 +1,714 @@
+/*
+ * 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.
+ */
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACCELEROMETER
+ * @since 3
+ */
+export interface AccelerometerResponse {
+  /**
+   * X-coordinate
+   * @since 3
+   */
+  x: number;
+
+  /**
+   * Y-coordinate
+   * @since 3
+   */
+  y: number;
+
+  /**
+   * Z-coordinate
+   * @since 3
+   */
+  z: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACCELEROMETER
+ * @since 3
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface CompassResponse {
+  /**
+   * Direction of the device (in degrees).
+   * @since 3
+   */
+  direction: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface SubscribeCompassOptions {
+  /**
+   * Called when compass sensor data changes.
+   * @since 3
+   */
+  success: (data: CompassResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface LightResponse {
+  /**
+   * Light intensity, in lux.
+   * @since 3
+   */
+  intensity: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface SubscribeLightOptions {
+  /**
+   * Called when ambient light sensor data changes.
+   * @since 3
+   */
+  success: (data: LightResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACTIVITY_MOTION
+ * @since 3
+ */
+export interface StepCounterResponse {
+  /**
+   * Number of steps counted.
+   * Each time the device restarts, the value is recalculated from 0.
+   * @since 3
+   */
+  steps: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.ACTIVITY_MOTION
+ * @since 3
+ */
+export interface SubscribeStepCounterOptions {
+  /**
+   * Called when step counter sensor data changes.
+   * @since 3
+   */
+  success: (data: StepCounterResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface BarometerResponse {
+  /**
+   * Pressure, in pascal.
+   * @since 3
+   */
+  pressure: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface SubscribeBarometerOptions {
+  /**
+   * Called when the barometer sensor data changes.
+   * @since 3
+   */
+  success: (data: BarometerResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.READ_HEALTH_DATA
+ * @since 3
+ */
+export interface HeartRateResponse  {
+  /**
+   * Heart rate.
+   * @since 3
+   */
+  heartRate: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.READ_HEALTH_DATA
+ * @since 3
+ */
+export interface SubscribeHeartRateOptions {
+  /**
+   * Called when the heart rate sensor data changes.
+   * @since 3
+   */
+  success: (data: HeartRateResponse) => void;
+
+  /**
+   * Called when the listening fails
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface OnBodyStateResponse {
+  /**
+   * Whether the sensor is worn.
+   * @since 3
+   */
+  value: boolean;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface SubscribeOnBodyStateOptions {
+  /**
+   * Called when the wearing status changes.
+   * @since 3
+   */
+  success: (data: OnBodyStateResponse) => void;
+
+  /**
+   * Called when the listening fails.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 3
+ */
+export interface GetOnBodyStateOptions {
+  /**
+   * Called when the sensor wearing state is obtained
+   * @since 3
+   */
+  success: (data: OnBodyStateResponse) => void;
+
+  /**
+   * Called when the sensor wearing state fails to be obtained
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 6
+ */
+export interface DeviceOrientationResponse {
+  /**
+   * alpha
+   * @since 6
+   */
+  alpha: number;
+
+  /**
+   * beta
+   * @since 6
+   */
+  beta: number;
+
+  /**
+   * gamma
+   * @since 6
+   */
+  gamma: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 6
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.GYROSCOPE
+ * @since 6
+ */
+export interface GyroscopeResponse {
+  /**
+   * X-coordinate
+   * @since 6
+   */
+  x: number;
+
+  /**
+   * Y-coordinate
+   * @since 6
+   */
+  y: number;
+
+  /**
+   * Z-coordinate
+   * @since 6
+   */
+  z: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @permission ohos.permission.GYROSCOPE
+ * @since 6
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
+export interface GravityResponse {
+  /**
+   * X-coordinate
+   * @since 7
+   */
+  x: number;
+
+  /**
+   * Y-coordinate
+   * @since 7
+   */
+  y: number;
+
+  /**
+   * Z-coordinate
+   * @since 7
+   */
+  z: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
+export interface MagneticResponse {
+  /**
+   * X-coordinate
+   * @since 7
+   */
+  x: number;
+
+  /**
+   * Y-coordinate
+   * @since 7
+   */
+  y: number;
+
+  /**
+   * Z-coordinate
+   * @since 7
+   */
+  z: number;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
+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.
+   * @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: string, code: number) => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.Sensor
+ * @import import sensor from '@system.sensor';
+ * @since 7
+ */
+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.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.ACCELEROMETER
+   * @since 3
+   */
+  static subscribeAccelerometer(options: subscribeAccelerometerOptions): void;
+
+  /**
+   * Cancels listening to acceleration sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.ACCELEROMETER
+   * @since 3
+   */
+  static unsubscribeAccelerometer(): void;
+
+  /**
+   * Listens to compass sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static subscribeCompass(options: SubscribeCompassOptions): void;
+
+  /**
+   * Cancels listening to compass sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static unsubscribeCompass(): void;
+
+  /**
+   * Listens to ambient light sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static subscribeLight(options: SubscribeLightOptions): void;
+
+  /**
+   * Cancels listening to ambient light sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  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.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.ACTIVITY_MOTION
+   * @since 3
+   */
+  static subscribeStepCounter(options: SubscribeStepCounterOptions): void;
+
+  /**
+   * Cancels listening to step counter sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.ACTIVITY_MOTION
+   * @since 3
+   */
+  static unsubscribeStepCounter(): void;
+
+  /**
+   * Listens to barometer sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static subscribeBarometer(options: SubscribeBarometerOptions): void;
+
+  /**
+   * Cancels listening to barometer sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  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.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.READ_HEALTH_DATA
+   * @since 3
+   */
+  static subscribeHeartRate(options: SubscribeHeartRateOptions): void;
+
+  /**
+   * Cancels listening to heart rate sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.READ_HEALTH_DATA
+   * @since 3
+   */
+  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.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static subscribeOnBodyState(options: SubscribeOnBodyStateOptions): void;
+
+  /**
+   * Cancels listening to whether the sensor is worn.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static unsubscribeOnBodyState(): void;
+
+  /**
+   * Obtains the sensor wearing state.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 3
+   */
+  static getOnBodyState(options: GetOnBodyStateOptions): void;
+
+  /**
+   * Listens to device orientation sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 6
+   */
+  static subscribeDeviceOrientation(options: SubscribeDeviceOrientationOptions): void;
+
+  /**
+   * Cancels listening to device orientation sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 6
+   */
+  static unsubscribeDeviceOrientation(): void;
+
+  /**
+   * Listens to gyroscope sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.GYROSCOPE
+   * @since 6
+   */
+  static subscribeGyroscope(options: SubscribeGyroscopeOptions): void;
+
+  /**
+   * Cancels listening to gyroscope sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @permission ohos.permission.GYROSCOPE
+   * @since 6
+   */
+  static unsubscribeGyroscope(): void;
+
+  /**
+   * Listens to gravity sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 7
+   */
+  static subscribeGravity(options: SubscribeGravityOptions): void;
+
+  /**
+   * Cancels listening to gravity sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 7
+   */
+  static unsubscribeGravity(): void;
+
+  /**
+   * Listens to magnetic sensor data changes.
+   * If this API is called multiple times, the last call takes effect.
+   * @param options Options.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 7
+   */
+  static subscribeMagnetic(options: SubscribeMagneticOptions): void;
+
+  /**
+   * Cancels listening to magnetic sensor data.
+   * @SysCap SystemCapability.Sensors.Sensor
+   * @since 7
+   */
+  static unsubscribeMagnetic(): void;
+}
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;
+}
diff --git a/api/wearable/@system.vibrator.d.ts b/api/wearable/@system.vibrator.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cf23b8a6de9c3af921df85dda15ecb65679837a8
--- /dev/null
+++ b/api/wearable/@system.vibrator.d.ts
@@ -0,0 +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.
+ */
+
+/**
+ * @SysCap SystemCapability.Sensors.MiscDevice
+ * @import import vibrator from '@system.vibrator';
+ * @permission ohos.permission.VIBRATE
+ * @since 3
+ */
+export interface VibrateOptions {
+  /**
+   * Vibration mode. The value long indicates long vibration, and short indicates short vibration.
+   * The default value is long.
+   * @since 3
+   */
+  mode?: "long" | "short";
+
+  /**
+   * Called when success to trigger vibration.
+   * @since 3
+   */
+  success: () => void;
+
+  /**
+   * Called when fail to trigger vibration.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @SysCap SystemCapability.Sensors.MiscDevice
+ * @import import vibrator from '@system.vibrator';
+ * @permission ohos.permission.VIBRATE
+ * @since 3
+ */
+export default class Vibrator {
+  /**
+   * Triggers vibration.
+   * @param options Options.
+   * @permission ohos.permission.VIBRATE
+   * @since 3
+   */
+  static vibrate(options?: VibrateOptions): void;
+}
\ No newline at end of file