diff --git a/BUILD.gn b/BUILD.gn
index f7d21c2b719f1c13aeff64807f7f9667bf0501ae..8386556495fcb4f056eeea3d6c3d224a64de8cb0 100644
--- a/BUILD.gn
+++ b/BUILD.gn
@@ -82,9 +82,11 @@ ohos_copy("ets_component") {
     "api/@internal/component/ets/radio.d.ts",
     "api/@internal/component/ets/rating.d.ts",
     "api/@internal/component/ets/rect.d.ts",
+    "api/@internal/component/ets/refresh.d.ts",
     "api/@internal/component/ets/row.d.ts",
     "api/@internal/component/ets/row_split.d.ts",
     "api/@internal/component/ets/scroll.d.ts",
+    "api/@internal/component/ets/search.d.ts",
     "api/@internal/component/ets/shape.d.ts",
     "api/@internal/component/ets/slider.d.ts",
     "api/@internal/component/ets/span.d.ts",
@@ -99,6 +101,7 @@ ohos_copy("ets_component") {
     "api/@internal/component/ets/textinput.d.ts",
     "api/@internal/component/ets/toggle.d.ts",
     "api/@internal/component/ets/video.d.ts",
+    "api/@internal/component/ets/web.d.ts",
   ]
   outputs = [ target_out_dir + "/$target_name/{{source_file_part}}" ]
   module_source_dir = target_out_dir + "/$target_name"
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.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/config/css/css-json-schema.json b/api/config/css/css-json-schema.json
old mode 100755
new mode 100644
diff --git a/api/config/css/cssConfig.json b/api/config/css/cssConfig.json
old mode 100755
new mode 100644
index 07f7ae600a13b933d2a5fe3187f08c66895cbb31..ccd2d2b6cc87d4eb98c720e7c191866cfa8659d9
--- a/api/config/css/cssConfig.json
+++ b/api/config/css/cssConfig.json
@@ -32,368 +32,224 @@
       ]
     },
     {
-      "name": "width",
+      "name": "fill",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "<color>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Component width. If this attribute is not set, the width required for the element content is used",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "Component width. If this attribute is not set, default value 0 is used",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "Use the shorthand property to set the fill color of the element."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "color"
           ]
         }
       ]
     },
     {
-      "name": "height",
+      "name": "fill-opacity",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "<number>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Component height. If this attribute is not set, the height required for the element content is used",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "Component height. If this attribute is not set, default value 0 is used",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "The transparency of the fill color ranges from 0 to 1. 1 is opaque and 0 is completely transparent."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "number"
           ]
         }
       ]
     },
     {
-      "name": "padding",
+      "name": "fill-rule",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length>{1,4} || <percentage>{1,4}",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "nonzero | evenodd"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "The attribute can have one to four values: 1. If you set a value, it specifies the padding for four sides; 2. If you set two values, the first value specifies the top and bottom padding, and the second value specifies the left and right padding; 3. If you set three values, the first value specifies the top padding, the second value specifies the left and right padding, and the third value specifies the bottom padding; 4. If you set four values, they respectively specify the padding for top, right, bottom, and left sides (in clockwise order)",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "Shorthand attribute to set all padding attributes",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "Nonzero: non-zero rule; Evenodd: parity rule"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
+            "nonzero | evenodd"
           ]
         }
       ]
     },
     {
-      "name": "padding-left",
+      "name": "opacity",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "number"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Left padding (in px)"
+          "name": "The transparency of an element ranges from 0 to 1, where 1 is opaque and 0 is completely transparent."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
+            "number"
           ]
         }
       ]
     },
     {
-      "name": "padding-top",
+      "name": "stroke-dasharray",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "<string>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Top padding (in px)"
+          "name": "Specifies the length of the dash and notch. The format is [length length length], the length of dash and notch is separated by the space between them."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "padding-right",
+      "name": "stroke-dashoffset",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "<length>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Right padding (in px)"
+          "name": "Sets the offset of the associative dashed array when rendering."
         }
       ],
       "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
         {
           "name": [
             "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "padding-bottom",
+      "name": "stroke-linejoin",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "[bevel | miter | round]"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Bottom padding (in px)"
+          "name": "The shape used at the corner of the path when you stroke."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
+            "bevel | miter | round"
           ]
         }
       ]
     },
     {
-      "name": "padding-start",
+      "name": "stroke-linecap",
       "supportedDevices": [
         "tv",
         "phone",
@@ -402,58 +258,29 @@
       ],
       "syntax": [
         {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "[butt | round | square]"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Start padding"
+          "name": "Shapes used at the end of paths when they are traced"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
+            "butt | round | square"
           ]
         }
       ]
     },
     {
-      "name": "padding-end",
+      "name": "stroke-miterlimit",
       "supportedDevices": [
         "tv",
         "phone",
@@ -462,123 +289,110 @@
       ],
       "syntax": [
         {
-          "name": "<length> || <percentage>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "number"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "End padding"
+          "name": "Sets the limit value for drawing acute angles as bevels."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": [
-            "length"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
+            "number"
           ]
         }
       ]
     },
     {
-      "name": "margin",
+      "name": "stroke-opacity",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length>{1,4} || <percentage>{1,4}"
+          "name": "number"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Shorthand attribute to set margins for all sides in a declaration. You can set one to four values: 1. One value: specifies the margin for all the four sides; 2. Two values: The first value is for the top and bottom sides, and the second value is for the left and right sides; 3. Three values: The first value is for the top, the second value for the left and right, and the third value for the bottom; 4. They are margins for top, right, bottom, and left sides, respectively"
+          "name": "The transparency of contour lines ranges from 0 to 1, where 1 is opaque and 0 is completely transparent."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "number"
           ]
         }
       ]
     },
     {
-      "name": "margin-left",
+      "name": "transform",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "<string>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Left margin"
+          "name": "Set the coordinate transformation parameters of components and subcomponents"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "margin-top",
+      "name": "x",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "<length>|<percentage>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Top margin"
+          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid"
         }
       ],
       "restrictions": [
@@ -591,20 +405,26 @@
       ]
     },
     {
-      "name": "margin-right",
+      "name": "y",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "<length>|<percentage>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Right margin"
+          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid"
         }
       ],
       "restrictions": [
@@ -617,33 +437,38 @@
       ]
     },
     {
-      "name": "margin-bottom",
+      "name": "viewBox",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "string"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Bottom margin"
+          "name": "Sets the current SVG's viewport. The supported format is < number >. The four parameters represent min-x, min-y, width and height respectively. If the width and height of viewbox and SVG are inconsistent, they will be scaled by center alignment."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "margin-start",
+      "name": "rx",
       "supportedDevices": [
         "tv",
         "phone",
@@ -652,17 +477,17 @@
       ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "<length>|<percentage>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Start margin"
+          "name": "Set the radius of rectangle fillet in X direction. Support attribute animation"
         }
       ],
       "restrictions": [
@@ -675,7 +500,7 @@
       ]
     },
     {
-      "name": "margin-end",
+      "name": "ry",
       "supportedDevices": [
         "tv",
         "phone",
@@ -684,17 +509,17 @@
       ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "<length>|<percentage>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "End margin"
+          "name": "Set the radius of rectangle fillet in Y direction."
         }
       ],
       "restrictions": [
@@ -707,7 +532,7 @@
       ]
     },
     {
-      "name": "border",
+      "name": "cx",
       "supportedDevices": [
         "tv",
         "phone",
@@ -716,826 +541,795 @@
       ],
       "syntax": [
         {
-          "name": "<line-width> || <line-style> || <color>"
+          "name": "<length>|<percentage>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Shorthand attribute to set all boarders. You can set border-width, border-style, and border-color in sequence. Default values are used for attributes that are not set"
+          "name": "Sets the x-axis coordinate of the center of the circle."
         }
       ],
       "restrictions": [
         {
           "name": [
             "length",
-            "line-style",
-            "color"
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-style",
+      "name": "cy",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Shorthand attribute to set the style of all borders. The available values are as follows: 1. dotted: Dotted border. The radius of a dot is half of border-width;2. dashed: Dashed border;3. solid: Solid border;"
+          "name": "v7.0"
         }
       ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
+      "description": [
         {
-          "name": "solid"
+          "name": "Sets the y-axis coordinate of the center of the circle."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-left-style",
+      "name": "r",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Styles of the left borders. The available values are dotted, dashed, and solid"
+          "name": "v7.0"
         }
       ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
+      "description": [
         {
-          "name": "solid"
+          "name": "Sets the radius of the circle."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-top-style",
+      "name": "d",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "string"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Styles of the top borders. The available values are dotted, dashed, and solid"
+          "name": "v7.0"
         }
       ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
+      "description": [
         {
-          "name": "solid"
+          "name": "Sets the shape of the path. Contains a set of character instructions, uppercase letters for absolute path, lowercase characters for relative path"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "border-right-style",
+      "name": "x1",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Styles of the right borders. The available values are dotted, dashed, and solid"
+          "name": "v7.0"
         }
       ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
+      "description": [
         {
-          "name": "solid"
+          "name": "Sets the x-axis coordinate of the line start point."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-bottom-style",
+      "name": "y1",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Styles of the bottom borders. The available values are dotted, dashed, and solid"
+          "name": "v7.0"
         }
       ],
-      "values": [
-        {
-          "name": "dotted"
-        },
-        {
-          "name": "dashed"
-        },
+      "description": [
         {
-          "name": "solid"
+          "name": "Sets the y-axis coordinate of the line start point."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-left",
+      "name": "x2",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<line-width> || <line-style> || <color>"
+          "name": "Sets the x-axis coordinate of the end of the line."
         }
       ],
       "restrictions": [
         {
           "name": [
             "length",
-            "line-style",
-            "color"
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-top",
+      "name": "y2",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<line-width> || <line-style> || <color>"
+          "name": "Sets the y-axis coordinate of the end of the line."
         }
       ],
       "restrictions": [
         {
           "name": [
             "length",
-            "line-style",
-            "color"
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-right",
+      "name": "points",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "string"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<line-width> || <line-style> || <color>"
+          "name": "Set multiple coordinate points of the polyline"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "line-style",
-            "color"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "border-bottom",
+      "name": "dx",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<line-width> || <line-style> || <color>"
+          "name": "Set text X axis offset"
         }
       ],
       "restrictions": [
         {
           "name": [
             "length",
-            "line-style",
-            "color"
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-width",
-      "version": [
+      "name": "dy",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Shorthand attribute to set the width of all borders, or separately set the width of each border"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
-        {
-          "name": "<length>",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
+      "description": [
         {
-          "name": "<line-width>{1,4}",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "Set text Y axis offset"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-left-width",
+      "name": "stroke",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<color>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to set widths of left borders"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "Draws the font border and specifies the color"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "color"
           ]
         }
       ]
     },
     {
-      "name": "border-top-width",
+      "name": "startOffset",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<length>|<percentage>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to set widths of top borders"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "Sets the starting offset of the text along the path"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "border-right-width",
+      "name": "attributeName",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "string"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to set widths of right borders"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "Set the name of the property to be active"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "border-bottom-width",
+      "name": "begin",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<time>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to set widths of right borders"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "Set the delay time of the action"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "time"
           ]
         }
       ]
     },
     {
-      "name": "border-color",
-      "version": [
+      "name": "dur",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<time>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Shorthand attribute to set the color of all borders, or separately set the color of each border"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<color>{1,4}"
+          "name": "If dur is not set, the result of end begin is used as the duration. If dur is less than or equal to 0, the dynamic effect will not trigger."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "color"
+            "time"
           ]
         }
       ]
     },
     {
-      "name": "border-left-color",
+      "name": "end",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<time>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to set colors of left borders"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<color>"
+          "name": "How long does the dynamic effect end"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "color"
+            "time"
           ]
         }
       ]
     },
     {
-      "name": "border-top-color",
+      "name": "repeatCount",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<number | indefinite>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to set colors of top borders"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<color>"
+          "name": "Set the number of times the animation should be played. Default is Indefinite (indefinite), which can be set to the value 1 to play only once."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "color"
+            "number",
+            "indefinite"
           ]
         }
       ]
     },
     {
-      "name": "border-right-color",
+      "name": "calcMode",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "<discrete | linear | paced | spline>"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to set colors of right borders"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<color>"
+          "name": "Sets the interpolation mode for the animation"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "color"
+            "discrete",
+            "linear",
+            "paced",
+            "spline"
           ]
         }
       ]
     },
     {
-      "name": "border-bottom-color",
+      "name": "keyTimes",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "string"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to set colors of bottom borders"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<color>"
+          "name": "Sets the start time of the keyframe animation"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "color"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "border-radius",
-      "version": [
+      "name": "keySplines",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "string"
         }
       ],
-      "description": [
-        {
-          "name": "Attribute to set the radius of round borders of an element. This attribute cannot be used to set the width, color, or style of a specific border. To set the width or color, you need to set border-width, border-color, or border-style for all the borders at the same time.",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
+      "version": [
         {
-          "name": "Attribute to set the radius of round borders of an element",
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
-          ]
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "A set of Bezier control points associated with KeyTimes. Define the Bessel curve for each key frame, separated by a semicolon"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "border-top-left-radius",
+      "name": "from",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "string"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to receptively set the radius of the upper-left rounded corner"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "Sets the start value of the property that you want to animate."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "border-top-right-radius",
+      "name": "to",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "string"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to receptively set the radius of the upper-right rounded corner"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "Sets the end value of the property that you want to animate."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "border-bottom-left-radius",
+      "name": "values",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "string"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to receptively set the radius of the lower-left rounded corner"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "Sets the variation values of a set of animations."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "border-bottom-right-radius",
+      "name": "type",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "version": [
+      "syntax": [
         {
-          "name": "v3.0"
+          "name": "[translate | scale | rotate | skewX | skewY]"
         }
       ],
-      "description": [
+      "version": [
         {
-          "name": "Attribute to receptively set the radius of the lower-right rounded corner"
+          "name": "v7.0"
         }
       ],
-      "syntax": [
+      "description": [
         {
-          "name": "<length>"
+          "name": "Sets the type of the Transform animation"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "translate",
+            "scale",
+            "rotate",
+            "skewX",
+            "skewY"
           ]
         }
       ]
     },
     {
-      "name": "mask-color",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
+      "name": "width",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
       ],
       "version": [
         {
@@ -1544,29 +1338,37 @@
       ],
       "description": [
         {
-          "name": "Color configuration of the mask layer. By default, the mask layer is completely transparent."
-        }
-      ],
-      "syntax": [
+          "name": "Component width. If this attribute is not set, the width required for the element content is used",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
         {
-          "name": "<color>"
+          "name": "Component width. If this attribute is not set, default value 0 is used",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
         }
       ],
       "restrictions": [
         {
           "name": [
-            "color"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "mask-image",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
+      "name": "height",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
       ],
       "version": [
         {
@@ -1575,29 +1377,49 @@
       ],
       "description": [
         {
-          "name": "This attribute supports Gradient Styles or SVG URL"
+          "name": "Component height. If this attribute is not set, the height required for the element content is used",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "Component height. If this attribute is not set, default value 0 is used",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
         }
       ],
       "restrictions": [
         {
           "name": [
-            "image",
-            "url"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "image-size",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
+      "name": "padding",
       "syntax": [
         {
-          "name": "[ contain | cover | auto | <length> | <percentage> ]"
+          "name": "<length>{1,4} || <percentage>{1,4}",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "<length>",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
         }
       ],
       "version": [
@@ -1607,30 +1429,64 @@
       ],
       "description": [
         {
-          "name": "Mask image size. The string values are as follows: − contain: Expands the image to the maximum size so that the height and width of the image are applicable to the content area. − cover: Extends the mask image to a large enough size so that the mask image completely covers the mask area. Some parts of the image may not be displayed in the background localization area. − auto: The original image width-height ratio is retained. The two <length> values are as follows: Height and width of the mask image. The first value indicates the width, and the second value indicates the height. If you only set one value, the second value is set to auto by default. 2. The two <percentage> values are as follows: Width and height of the mask image in percentage of the parent element. The first value indicates the width, and the second value indicates the height. If you only set one value, the other value is set to auto by default"
+          "name": "The attribute can have one to four values: 1. If you set a value, it specifies the padding for four sides; 2. If you set two values, the first value specifies the top and bottom padding, and the second value specifies the left and right padding; 3. If you set three values, the first value specifies the top padding, the second value specifies the left and right padding, and the third value specifies the bottom padding; 4. If you set four values, they respectively specify the padding for top, right, bottom, and left sides (in clockwise order)",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "Shorthand attribute to set all padding attributes",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum",
             "length",
             "percentage"
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "mask-position",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
+      "name": "padding-left",
       "syntax": [
         {
-          "name": "<bg-position>#"
+          "name": "<length> || <percentage>",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "<length>",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
         }
       ],
       "version": [
@@ -1640,26 +1496,52 @@
       ],
       "description": [
         {
-          "name": "Using keywords: If only one keyword is specified, the second value is center. The two values define the horizontal position and vertical position respectively. −left: leftmost in the horizontal direction −right: rightmost in the horizontal direction −top: top in the vertical direction −bottom: bottom in the vertical direction −center: center position 1. Using <length>: The first value indicates the horizontal position, and the second value indicates the vertical position. The values are in the Xpx Ypx format. 0 0 indicates the upper left corner. If only one value is specified, the other one is 50%. 2.Using <percentage>: The first value indicates the horizontal position, and the second value indicates the vertical position. 0% 0% indicates the upper left corner. 100% 100% indicates the lower right corner. If only one value is specified, the other one is 50%. 3.Using both <percentage> and <length>"
+          "name": "Left padding (in px)"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "position",
             "length",
             "percentage"
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "background",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
+      "name": "padding-top",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "<length>",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
+        }
       ],
       "version": [
         {
@@ -1668,22 +1550,51 @@
       ],
       "description": [
         {
-          "name": "This attribute supports Gradient Styles but is not compatible with background-color or background-image"
+          "name": "Top padding (in px)"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "image"
+            "length",
+            "percentage"
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "background-color",
+      "name": "padding-right",
       "syntax": [
         {
-          "name": "<color>"
+          "name": "<length> || <percentage>",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "<length>",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
         }
       ],
       "version": [
@@ -1693,24 +1604,52 @@
       ],
       "description": [
         {
-          "name": "Background color"
+          "name": "Right padding (in px)"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "color"
+            "length",
+            "percentage"
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "background-image",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
+      "name": "padding-bottom",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "<length>",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
+        }
       ],
       "version": [
         {
@@ -1719,19 +1658,35 @@
       ],
       "description": [
         {
-          "name": "Background image. Currently, this attribute is not compatible with background-color or border-color. Both Internet and local image resources are supported"
+          "name": "Bottom padding (in px)"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "string"
+            "length",
+            "percentage"
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "background-size",
+      "name": "padding-start",
       "supportedDevices": [
         "tv",
         "phone",
@@ -1740,18 +1695,20 @@
       ],
       "syntax": [
         {
-          "name": "[ contain | cover | auto | <length> | <percentage> ]"
-        }
-      ],
-      "values": [
-        {
-          "name": "contain"
-        },
-        {
-          "name": "cover"
+          "name": "<length> || <percentage>",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
         },
         {
-          "name": "auto"
+          "name": "<length>",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
         }
       ],
       "version": [
@@ -1761,21 +1718,35 @@
       ],
       "description": [
         {
-          "name": "Background image size. The string values are as follows: − contain: Expands the image to the maximum size so that the height and width of the image are applicable to the content area. − cover: Extends the background image to a large enough size so that the background image completely covers the background area. Some parts of the image may not be displayed in the background localization area. − auto: The original image width-height ratio is retained. The two <length> values are as follows: Height and width of the background image. The first value indicates the width, and the second value indicates the height. If you only set one value, the second value is set to auto by default. 2. The two <percentage> values are as follows: Width and height of the background image in percentage of the parent element. The first value indicates the width, and the second value indicates the height. If you only set one value, the other value is set to auto by default"
+          "name": "Start padding"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum",
             "length",
             "percentage"
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "background-repeat",
+      "name": "padding-end",
       "supportedDevices": [
         "tv",
         "phone",
@@ -1784,7 +1755,20 @@
       ],
       "syntax": [
         {
-          "name": "<repeat-style>#"
+          "name": "<length> || <percentage>",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "<length>",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
         }
       ],
       "version": [
@@ -1794,28 +1778,38 @@
       ],
       "description": [
         {
-          "name": "Repeating attribute of a background image. By default, a background image is repeated both horizontally and vertically. 1. repeat: Draws images along the x axis and y axis at the same time. 2. repeat-x: Draws images along the x axis. 3. repeat-y: Draws images along the y axis. 4. no-repeat: The image is not drawn repeatedly."
+          "name": "End padding"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "repeat"
+            "length",
+            "percentage"
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": [
+            "length"
+          ],
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "background-position",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
+      "name": "margin",
       "syntax": [
         {
-          "name": "<bg-position>#"
+          "name": "<length>{1,4} || <percentage>{1,4}"
         }
       ],
       "version": [
@@ -1825,13 +1819,12 @@
       ],
       "description": [
         {
-          "name": "Using keywords: If only one keyword is specified, the second value is center. The two values define the horizontal position and vertical position respectively. −left: leftmost in the horizontal direction −right: rightmost in the horizontal direction −top: top in the vertical direction −bottom: bottom in the vertical direction −center: center position 1. Using <length>: The first value indicates the horizontal position, and the second value indicates the vertical position. The values are in the Xpx Ypx format. 0 0 indicates the upper left corner. If only one value is specified, the other one is 50%. 2.Using <percentage>: The first value indicates the horizontal position, and the second value indicates the vertical position. 0% 0% indicates the upper left corner. 100% 100% indicates the lower right corner. If only one value is specified, the other one is 50%. 3.Using both <percentage> and <length>"
+          "name": "Shorthand attribute to set margins for all sides in a declaration. You can set one to four values: 1. One value: specifies the margin for all the four sides; 2. Two values: The first value is for the top and bottom sides, and the second value is for the left and right sides; 3. Three values: The first value is for the top, the second value for the left and right, and the third value for the bottom; 4. They are margins for top, right, bottom, and left sides, respectively"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "position",
             "length",
             "percentage"
           ]
@@ -1839,16 +1832,10 @@
       ]
     },
     {
-      "name": "opacity",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
+      "name": "margin-left",
       "syntax": [
         {
-          "name": "<number>"
+          "name": "<length> || <percentage>"
         }
       ],
       "version": [
@@ -1858,51 +1845,50 @@
       ],
       "description": [
         {
-          "name": "Transparency of an element. The value ranges from 0 to 1. 1 indicates opaque, and 0 indicates completely transparent"
+          "name": "Left margin"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "number"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "display",
-      "values": [
+      "name": "margin-top",
+      "syntax": [
         {
-          "name": "flex",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
-          ]
-        },
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
         {
-          "name": "grid",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
+          "name": "v3.0"
+        }
+      ],
+      "description": [
         {
-          "name": "none",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
+          "name": "Top margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
           ]
         }
+      ]
+    },
+    {
+      "name": "margin-right",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
       ],
       "version": [
         {
@@ -1911,33 +1897,23 @@
       ],
       "description": [
         {
-          "name": "Type of the view box of the element. Currently, dynamic modification is not supported. Available values are as follows:  flex: flexible layout;  none: This item is hidden"
+          "name": "Right margin"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "visibility",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "values": [
-        {
-          "name": "visible",
-          "description": "The element is visible"
-        },
+      "name": "margin-bottom",
+      "syntax": [
         {
-          "name": "hidden",
-          "description": "The element is hidden but still takes up space"
+          "name": "<length> || <percentage>"
         }
       ],
       "version": [
@@ -1947,19 +1923,20 @@
       ],
       "description": [
         {
-          "name": "Whether to display an element. Invisible borders occupy layout space (set the display attribute to none to hide the borders). The values are as follows: 1. visible: The element is visible. 2. hidden: The element is hidden but still takes up space. NOTE If both visibility and display are set, only display takes effect."
+          "name": "Bottom margin"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "flex",
+      "name": "margin-start",
       "supportedDevices": [
         "tv",
         "phone",
@@ -1968,7 +1945,7 @@
       ],
       "syntax": [
         {
-          "name": "<number>"
+          "name": "<length> || <percentage>"
         }
       ],
       "version": [
@@ -1978,19 +1955,20 @@
       ],
       "description": [
         {
-          "name": "How to divide available space of the parent component for a child component. It is used as a shorthand attribute to set the flex-grow attribute of the parent component. NOTE This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
+          "name": "Start margin"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "number"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "flex-grow",
+      "name": "margin-end",
       "supportedDevices": [
         "tv",
         "phone",
@@ -1999,7 +1977,2433 @@
       ],
       "syntax": [
         {
-          "name": "<number>"
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "End margin"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<line-width> || <line-style> || <color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set all boarders. You can set border-width, border-style, and border-color in sequence. Default values are used for attributes that are not set"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "line-style",
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-style",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set the style of all borders. The available values are as follows: 1. dotted: Dotted border. The radius of a dot is half of border-width;2. dashed: Dashed border;3. solid: Solid border;"
+        }
+      ],
+      "values": [
+        {
+          "name": "dotted"
+        },
+        {
+          "name": "dashed"
+        },
+        {
+          "name": "solid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-left-style",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Styles of the left borders. The available values are dotted, dashed, and solid"
+        }
+      ],
+      "values": [
+        {
+          "name": "dotted"
+        },
+        {
+          "name": "dashed"
+        },
+        {
+          "name": "solid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top-style",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Styles of the top borders. The available values are dotted, dashed, and solid"
+        }
+      ],
+      "values": [
+        {
+          "name": "dotted"
+        },
+        {
+          "name": "dashed"
+        },
+        {
+          "name": "solid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-right-style",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Styles of the right borders. The available values are dotted, dashed, and solid"
+        }
+      ],
+      "values": [
+        {
+          "name": "dotted"
+        },
+        {
+          "name": "dashed"
+        },
+        {
+          "name": "solid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-bottom-style",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Styles of the bottom borders. The available values are dotted, dashed, and solid"
+        }
+      ],
+      "values": [
+        {
+          "name": "dotted"
+        },
+        {
+          "name": "dashed"
+        },
+        {
+          "name": "solid"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-source",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "border image."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-slice",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The border of the image is shifted inward"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-width",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Width about the border of the image"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-outset",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The border image can exceed the size of the border box"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image-repeat",
+      "syntax": [
+        {
+          "name": "stretch | repeat | round"
+        }
+      ],
+      "values": [
+        {
+          "name": "stretch",
+          "description": "Stretch the picture to fill the border"
+        },
+        {
+          "name": "repeat",
+          "description": "Tile the picture to fill the border"
+        },
+        {
+          "name": "round",
+          "description": "Tile the picture according to the image size"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "How the picture fills the border"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-image",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<line-source> || <line-slice> || <line-width> || <line-outset> || <line-repeat>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The image of border attributes"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string",
+            "length",
+            "length",
+            "length",
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-left",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<line-width> || <line-style> || <color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "line-style",
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<line-width> || <line-style> || <color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "line-style",
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-right",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<line-width> || <line-style> || <color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "line-style",
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-bottom",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set the boarders for every sides respectively. You can set border-width, border-style and border-color in sequence. Default values are used for attributes that are not set"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<line-width> || <line-style> || <color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "line-style",
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-width",
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set the width of all borders, or separately set the width of each border"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "<line-width>{1,4}",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-left-width",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set widths of left borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top-width",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set widths of top borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-right-width",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set widths of right borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-bottom-width",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set widths of right borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-color",
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand attribute to set the color of all borders, or separately set the color of each border"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>{1,4}"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-left-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set colors of left borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set colors of top borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-right-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set colors of right borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-bottom-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set colors of bottom borders"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-radius",
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to set the radius of round borders of an element. This attribute cannot be used to set the width, color, or style of a specific border. To set the width or color, you need to set border-width, border-color, or border-style for all the borders at the same time.",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "Attribute to set the radius of round borders of an element",
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top-left-radius",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to receptively set the radius of the upper-left rounded corner"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-top-right-radius",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to receptively set the radius of the upper-right rounded corner"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-bottom-left-radius",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to receptively set the radius of the lower-left rounded corner"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "border-bottom-right-radius",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute to receptively set the radius of the lower-right rounded corner"
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "mask-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Color configuration of the mask layer. By default, the mask layer is completely transparent."
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "mask-image",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "values":[
+        {
+          "name": "url()"
+        },
+        {
+          "name": "linear-gradient()"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "This attribute supports Gradient Styles or SVG URL"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "mask-size",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "[ contain | cover | auto | <length> | <percentage> ]"
+        }
+      ],
+     "values": [
+        {
+          "name": "contain"
+        },
+        {
+          "name": "cover"
+        },
+        {
+          "name": "auto"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Specifies the display size of a mask image. This parameter is valid only when mask-image is an image resource.\nThe options are as follows:\ncontain: Extends the image to its maximum size so that its height and width are fully appropriate for the content area.\ncover: Expand the image to a large enough size so that the background image completely covers the background area. Some parts of the background image may not be displayed in the background anchor area.\nauto: Keep the original image scale unchanged.\nlength: Set the height and width of the image. The first value sets the width and the second value sets the height. If you set only one value, the second value is set to \"auto\".\nPercentage: Set the width and height of the original image as a percentage of the width and height of the original image. The first value sets the width and the second value sets the height. If you set only one value, the second value is set to \"auto\"."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum",
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "mask-position",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "[ <bg-position> | <length> | <percentage> ]"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Using keywords: If only one keyword is specified, the second value is center. The two values define the horizontal position and vertical position respectively. −left: leftmost in the horizontal direction −right: rightmost in the horizontal direction −top: top in the vertical direction −bottom: bottom in the vertical direction −center: center position 1. Using <length>: The first value indicates the horizontal position, and the second value indicates the vertical position. The values are in the Xpx Ypx format. 0 0 indicates the upper left corner. If only one value is specified, the other one is 50%. 2.Using <percentage>: The first value indicates the horizontal position, and the second value indicates the vertical position. 0% 0% indicates the upper left corner. 100% 100% indicates the lower right corner. If only one value is specified, the other one is 50%. 3.Using both <percentage> and <length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "position",
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "background",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "This attribute supports Gradient Styles but is not compatible with background-color or background-image"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "image"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "background-color",
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Background color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "background-image",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Background image. Currently, this attribute is not compatible with background-color or border-color. Both Internet and local image resources are supported"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "background-size",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "[ contain | cover | auto | <length> | <percentage> ]"
+        }
+      ],
+      "values": [
+        {
+          "name": "contain"
+        },
+        {
+          "name": "cover"
+        },
+        {
+          "name": "auto"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Background image size. The string values are as follows: − contain: Expands the image to the maximum size so that the height and width of the image are applicable to the content area. − cover: Extends the background image to a large enough size so that the background image completely covers the background area. Some parts of the image may not be displayed in the background localization area. − auto: The original image width-height ratio is retained. The two <length> values are as follows: Height and width of the background image. The first value indicates the width, and the second value indicates the height. If you only set one value, the second value is set to auto by default. 2. The two <percentage> values are as follows: Width and height of the background image in percentage of the parent element. The first value indicates the width, and the second value indicates the height. If you only set one value, the other value is set to auto by default"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum",
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "background-repeat",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<repeat-style>#"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Repeating attribute of a background image. By default, a background image is repeated both horizontally and vertically. 1. repeat: Draws images along the x axis and y axis at the same time. 2. repeat-x: Draws images along the x axis. 3. repeat-y: Draws images along the y axis. 4. no-repeat: The image is not drawn repeatedly."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "repeat"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "background-position",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "[ <bg-position> | <length> | <percentage> ]"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Using keywords: If only one keyword is specified, the second value is center. The two values define the horizontal position and vertical position respectively. −left: leftmost in the horizontal direction −right: rightmost in the horizontal direction −top: top in the vertical direction −bottom: bottom in the vertical direction −center: center position 1. Using <length>: The first value indicates the horizontal position, and the second value indicates the vertical position. The values are in the Xpx Ypx format. 0 0 indicates the upper left corner. If only one value is specified, the other one is 50%. 2.Using <percentage>: The first value indicates the horizontal position, and the second value indicates the vertical position. 0% 0% indicates the upper left corner. 100% 100% indicates the lower right corner. If only one value is specified, the other one is 50%. 3.Using both <percentage> and <length>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "position",
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Transparency of an element. The value ranges from 0 to 1. 1 indicates opaque, and 0 indicates completely transparent"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "display",
+      "values": [
+        {
+          "name": "flex",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable",
+            "liteWearable",
+            "smartVision"
+          ]
+        },
+        {
+          "name": "grid",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "none",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable",
+            "liteWearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Type of the view box of the element. Currently, dynamic modification is not supported. Available values are as follows:  flex: flexible layout;  none: This item is hidden"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "visibility",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "values": [
+        {
+          "name": "visible",
+          "description": "The element is visible"
+        },
+        {
+          "name": "hidden",
+          "description": "The element is hidden but still takes up space"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether to display an element. Invisible borders occupy layout space (set the display attribute to none to hide the borders). The values are as follows: 1. visible: The element is visible. 2. hidden: The element is hidden but still takes up space. NOTE If both visibility and display are set, only display takes effect."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "flex",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "How to divide available space of the parent component for a child component. It is used as a shorthand attribute to set the flex-grow attribute of the parent component. NOTE This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "flex-grow",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "How much a child component will grow. The value specifies allocation of the remaining space on the main axis of the parent component. Size of available space = Container size - Total size of all child components. Value 0 indicates that the child component does not grow. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "flex-shrink",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "How much child component will shrink. The shrink occurs only when the sum of default item widths is greater than that of the parent component. Value 0 indicates that the child component does not shrink. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "flex-basis",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<number>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Initial length of the flex item on the main axis. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "align-self",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+     "values": [
+        {
+          "name": "stretch"
+        },
+        {
+          "name": "flex-start"
+        },
+        {
+          "name": "flex-end"
+        },
+        {
+          "name": "center"
+        },
+        {
+          "name": "baseline"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the alignment of itself on the cross axis of the parent element. This style will override the align-items style of the parent element.  It is only supported when the parent container is div or list"
+        },
+        {
+          "syntax": [
+            {
+              "name": "stretch | flex-start | flex-end | center | baseline"
+            }
+          ]
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "position",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "values": [
+        {
+          "name": "fixed"
+        },
+        {
+          "name": "absolute"
+        },
+        {
+          "name": "relative"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Positioning type of an element. Dynamic changes are not supported. 1. fixed: The element is positioned related to the browser window. 2. absolute: The element is positioned absolutely to its parent element. 3. relative: The element is positioned relative to its normal position. NOTE: The absolute attribute takes effect only when the parent component is <div> or <stack>"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "left",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "left must be used together with position to determine the offset position of an element. The left attribute specifies the left edge position of the element. This attribute defines the offset between the left edge of a positioned element and that of a block included in the element"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "top",
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "top must be used together with position to determine the offset position of an element. The top attribute specifies the top edge position of the element. This attribute defines the offset between the top edge of a positioned element and that of a block included in the element"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "right",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "right must be used together with position to determine the offset position of an element. The right attribute specifies the right edge position of the element. This attribute defines the offset between the right edge of a positioned element and that of a block included in the element"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "bottom",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "bottom must be used together with position to determine the offset position of an element. The bottom attribute specifies the bottom edge position of the element. This attribute defines the offset between the bottom edge of a positioned element and that of a block included in the element"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "start",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The start property specifies the starting edge of the element. This attribute defines the offset between the start outer margin boundary of the positioning element and the start boundary of the containing block."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "end",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The end property specifies the end edge of the element. This attribute defines the offset between the end margin boundary of an anchor element and the end boundary of its containing block."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transform-origin",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "values": [
+        {
+          "name": "0px 0px"
+        },
+        {
+          "name": "0% 0%"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Origin position of the transformed element. The unit can be px or a percentage (relative to the animation target component), for example, 50px 100px or 50% 50%."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "transform",
+      "values": [
+        {
+          "name": "matrix()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "none()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "matrix3d()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "translate()",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "translate3d()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "translateX()"
+        },
+        {
+          "name": "translateY()"
+        },
+        {
+          "name": "translateZ()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "scale()",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "scale3d()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "scaleX()",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "scaleY()",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "scaleZ()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "rotate()"
+        },
+        {
+          "name": "rotate3d()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "rotateX('angle')",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "rotateY('angle')",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "rotateZ()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "skew()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "skewX()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "skewY()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "perspective()",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        }
+      ],
+      "syntax": [
+        {
+          "name": "<transform-list>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Translation, rotation, and scaling attributes"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation",
+      "syntax": [
+        {
+          "name": "duration | timing-function | delay | iteration-count | direction | fill-mode | play-state | name"
+        }
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Shorthand property combines six of the animation properties into the 'animation' property."
+        }
+      ]
+    },
+    {
+      "name": "animation-name",
+      "syntax": [
+        {
+          "name": "[ none | <keyframes-name> ]#"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "@keyframes rule"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "identifier"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-delay",
+      "syntax": [
+        {
+          "name": "<time>#"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Delay for playing the animation, in ms or s, for example, 1000 ms or 1s. The default unit is ms."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "time"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-duration",
+      "syntax": [
+        {
+          "name": "<time>#"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Animation duration, in ms or s, for example, 1000 ms or 1s. The default unit is ms. NOTE: For basic watches, the maximum animation duration is 60s. animation-duration must be specified. Otherwise, the duration is 0, which means the animation will not be played"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "time"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-iteration-count",
+      "syntax": [
+        {
+          "name": "<single-animation-iteration-count>#"
+        }
+      ],
+      "values": [
+        {
+          "name": "infinite"
+        },
+        {
+          "name": "1"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Number of times that an animation is played. The animation is played once by default. You can set the value to infinite to play the animation infinitely"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "number",
+            "enum"
+          ],
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": [
+            "enum"
+          ],
+          "supportedDevices": [
+            "liteWearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "animation-timing-function",
+      "syntax": [
+        {
+          "name": "<easing-function>#"
+        }
+      ],
+      "values": [
+        {
+          "name": "linear"
+        },
+        {
+          "name": "ease",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "ease-in"
+        },
+        {
+          "name": "ease-out"
+        },
+        {
+          "name": "ease-in-out"
+        },
+        {
+          "name": "fast-out-slow-in",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "linear-out-slow-in",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "fast-out-linear-in",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "friction",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "extreme-deceleration",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "sharp",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "rhythm",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "smooth",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "cubic-bezier()",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
+        },
+        {
+          "name": "steps()",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
+          ]
         }
       ],
       "version": [
@@ -2009,59 +4413,46 @@
       ],
       "description": [
         {
-          "name": "How much a child component will grow. The value specifies allocation of the remaining space on the main axis of the parent component. Size of available space = Container size - Total size of all child components. Value 0 indicates that the child component does not grow. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
+          "name": "Speed curve of an animation, which makes the animation more fluent. Available values include: linear: The animation speed keeps unchanged; ease: The animation starts at a low speed and then accelerates. It slows down before the animation ends. cubic-bezier(0.25, 0.1, 0.25, 1.0); ease-in: The animation starts at a low speed. cubic-bezier(0.42, 0.0, 1.0, 1.0); ease-out: The animation ends at a low speed. cubic-bezier(0.0, 0.0, 0.58, 1.0); ease-in-out: The animation starts and ends at a low speed. cubic-bezier(0.42, 0.0, 0.58, 1.0); fast-out-slow-in: Standard curve, cubic-bezier(0.4, 0.0, 0.2, 1.0); linear-out-slow-in: Deceleration curve, cubic-bezier(0.0, 0.0, 0.2, 1.0); fast-out-linear-in: Acceleration curve, cubic-bezier(0.4, 0.0, 1.0, 1.0); friction: Damping curve, cubic-bezier(0.2, 0.0, 0.2, 1.0);extreme-deceleration: Extreme deceleration curve, cubic-bezier(0.0, 0.0, 0.0, 1.0) curve; sharp: Sharp curve, cubic-bezier(0.33, 0.0, 0.67, 1.0); rhythm: Rhythm curve, cubic-bezier(0.7, 0.0, 0.2, 1.0); smooth: Smooth curve, cubic-bezier(0.4, 0.0, 0.4, 1.0); cubic-bezier: You can customize an animation speed curve in the cubic-bezier() function. The x and y values of each input parameter must be between 0 and 1"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "number"
+            "enum"
           ]
         }
       ]
     },
     {
-      "name": "flex-shrink",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
+      "name": "animation-fill-mode",
       "syntax": [
         {
-          "name": "<number>"
+          "name": "forwards | none | backwards | both"
         }
       ],
-      "version": [
+      "values": [
         {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
+          "name": "forwards"
+        },
         {
-          "name": "How much child component will shrink. The shrink occurs only when the sum of default item widths is greater than that of the parent component. Value 0 indicates that the child component does not shrink. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
-        }
-      ],
-      "restrictions": [
+          "name": "none"
+        },
         {
-          "name": [
-            "number"
+          "name": "backwards",
+          "version": [
+            {
+              "name": "v6.0"
+            }
           ]
-        }
-      ]
-    },
-    {
-      "name": "flex-basis",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
-      "syntax": [
+        },
         {
-          "name": "<number>"
+          "name": "both",
+          "version": [
+            {
+              "name": "v6.0"
+            }
+          ]
         }
       ],
       "version": [
@@ -2071,19 +4462,19 @@
       ],
       "description": [
         {
-          "name": "Initial length of the flex item on the main axis. NOTE: This attribute takes effect only when the parent component is <div>, <list-item>, or <tabs>"
+          "name": "Whether to restore the initial state after the animation is executed. Available values include: none: The initial state is restored after the animation is executed; forwards: The state at the end of the animation (defined in the last key frame) is retained after the animation is executed"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "number"
+            "enum"
           ]
         }
       ]
     },
     {
-      "name": "position",
+      "name": "shared-transition-effect",
       "supportedDevices": [
         "tv",
         "phone",
@@ -2092,13 +4483,10 @@
       ],
       "values": [
         {
-          "name": "fixed"
-        },
-        {
-          "name": "absolute"
+          "name": "exchange"
         },
         {
-          "name": "relative"
+          "name": "static"
         }
       ],
       "version": [
@@ -2108,7 +4496,7 @@
       ],
       "description": [
         {
-          "name": "Positioning type of an element. Dynamic changes are not supported. 1. fixed: The element is positioned related to the browser window. 2. absolute: The element is positioned absolutely to its parent element. 3. relative: The element is positioned relative to its normal position. NOTE: The absolute attribute takes effect only when the parent component is <div> or <stack>"
+          "name": "Entry style of shared elements during the transition, which can be exchange or static.During the transition, the style configured on the target page takes effect preferentially. exchange: The source page element is moved to the position of the target page element and is zoomed in or out properly. static: The position of the target page element remains unchanged. You can configure the transparency animation. Currently, only the static effect configured on the target page takes effect"
         }
       ],
       "restrictions": [
@@ -2120,37 +4508,12 @@
       ]
     },
     {
-      "name": "left",
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "left must be used together with position to determine the offset position of an element. The left attribute specifies the left edge position of the element. This attribute defines the offset between the left edge of a positioned element and that of a block included in the element"
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "length",
-            "percentage"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "top",
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
+      "name": "shared-transition-name",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
       ],
       "version": [
         {
@@ -2159,29 +4522,28 @@
       ],
       "description": [
         {
-          "name": "top must be used together with position to determine the offset position of an element. The top attribute specifies the top edge position of the element. This attribute defines the offset between the top edge of a positioned element and that of a block included in the element"
+          "name": "During the transition, the style configured on the target page takes effect preferentially. This style is used to configure the animation effect of shared elements. The animation effect is an animation sequence defined by @keyframes supporting transform and transparency animations. If the effect of the shared element conflicts with the custom animation, the latter is used"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "right",
+      "name": "shared-transition-timing-function",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "syntax": [
+      "values": [
         {
-          "name": "<length> || <percentage>"
+          "name": "friction"
         }
       ],
       "version": [
@@ -2191,31 +4553,25 @@
       ],
       "description": [
         {
-          "name": "right must be used together with position to determine the offset position of an element. The right attribute specifies the right edge position of the element. This attribute defines the offset between the right edge of a positioned element and that of a block included in the element"
+          "name": "During the transition, the style configured on the target page takes effect preferentially. This attribute defines the difference curve during the transition of shared elements. The friction curve is used by default if this parameter is not configured"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "enum"
           ]
         }
       ]
     },
     {
-      "name": "bottom",
+      "name": "transition-enter",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "syntax": [
-        {
-          "name": "<length> || <percentage>"
-        }
-      ],
       "version": [
         {
           "name": "v3.0"
@@ -2223,34 +4579,25 @@
       ],
       "description": [
         {
-          "name": "bottom must be used together with position to determine the offset position of an element. The bottom attribute specifies the bottom edge position of the element. This attribute defines the offset between the bottom edge of a positioned element and that of a block included in the element"
+          "name": "Related to @keyframes, which supports transform and transparent animations"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "transform-origin",
+      "name": "transition-exit",
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "values": [
-        {
-          "name": "0px 0px"
-        },
-        {
-          "name": "0% 0%"
-        }
-      ],
       "version": [
         {
           "name": "v3.0"
@@ -2258,88 +4605,24 @@
       ],
       "description": [
         {
-          "name": "Origin position of the transformed element. The unit can be px or a percentage (relative to the animation target component), for example, 50px 100px or 50% 50%."
+          "name": "Related to @keyframes, which supports transform and transparent animations"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "transform",
-      "values": [
-        {
-          "name": "translate()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "translateX()"
-        },
-        {
-          "name": "translateY()"
-        },
-        {
-          "name": "scale()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "scaleX()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "scaleY()",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "rotate()"
-        },
-        {
-          "name": "rotateX('angle')",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
-        {
-          "name": "rotateY('angle')",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        }
-      ],
-      "syntax": [
-        {
-          "name": "<transform-list>"
-        }
+      "name": "transition-duration",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
       ],
       "version": [
         {
@@ -2348,47 +4631,28 @@
       ],
       "description": [
         {
-          "name": "Translation, rotation, and scaling attributes"
+          "name": "The unit can be s or ms. The default unit is ms"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "time"
           ]
         }
       ]
     },
     {
-      "name": "animation-name",
-      "syntax": [
-        {
-          "name": "[ none | <keyframes-name> ]#"
-        }
-      ],
-      "version": [
-        {
-          "name": "v3.0"
-        }
-      ],
-      "description": [
-        {
-          "name": "@keyframes rule"
-        }
+      "name": "transition-timing-function",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
       ],
-      "restrictions": [
-        {
-          "name": [
-            "identifier"
-          ]
-        }
-      ]
-    },
-    {
-      "name": "animation-delay",
-      "syntax": [
+      "values": [
         {
-          "name": "<time>#"
+          "name": "friction"
         }
       ],
       "version": [
@@ -2398,22 +4662,30 @@
       ],
       "description": [
         {
-          "name": "Delay for playing the animation, in ms or s, for example, 1000 ms or 1s. The default unit is ms."
+          "name": "Speed curve of executing transition animation for smoother transition. For details about the parameters, see the description of the valid values of animation-timing-function"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "time"
+            "enum"
           ]
         }
       ]
     },
     {
-      "name": "animation-duration",
+      "name": "flex-direction",
       "syntax": [
         {
-          "name": "<time>#"
+          "name": "column | row"
+        }
+      ],
+      "values": [
+        {
+          "name": "column"
+        },
+        {
+          "name": "row"
         }
       ],
       "version": [
@@ -2423,30 +4695,30 @@
       ],
       "description": [
         {
-          "name": "Animation duration, in ms or s, for example, 1000 ms or 1s. The default unit is ms. NOTE: For basic watches, the maximum animation duration is 60s. animation-duration must be specified. Otherwise, the duration is 0, which means the animation will not be played"
+          "name": "Main axis direction of the flex container. Available values are as follows: column: Items are placed vertically from top to bottom; row: Items are placed horizontally from left to right"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "time"
+            "enum"
           ]
         }
       ]
     },
     {
-      "name": "animation-iteration-count",
+      "name": "flex-wrap",
       "syntax": [
         {
-          "name": "<single-animation-iteration-count>#"
+          "name": "nowrap | wrap"
         }
       ],
       "values": [
         {
-          "name": "infinite"
+          "name": "nowrap"
         },
         {
-          "name": "1"
+          "name": "wrap"
         }
       ],
       "version": [
@@ -2456,100 +4728,64 @@
       ],
       "description": [
         {
-          "name": "Number of times that an animation is played. The animation is played once by default. You can set the value to infinite to play the animation infinitely"
+          "name": "Whether flex items in the container are displayed in a single line or multiple lines. Currently, dynamic modification is not supported. Available values are as follows: nowrap: Items are displayed on a single axis; wrap: Items are displayed on multiple axes."
         }
       ],
       "restrictions": [
-        {
-          "name": [
-            "number",
-            "enum"
-          ],
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
         {
           "name": [
             "enum"
-          ],
-          "supportedDevices": [
-            "liteWearable",
-            "smartVision"
           ]
         }
       ]
     },
     {
-      "name": "animation-timing-function",
+      "name": "justify-content",
       "syntax": [
         {
-          "name": "linear | ease-in | ease-out | ease-in-out"
+          "name": "flex-start | flex-end | center | space-between | space-around"
         }
       ],
       "values": [
         {
-          "name": "linear"
-        },
-        {
-          "name": "ease",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
+          "name": "flex-start"
         },
         {
-          "name": "ease-in"
+          "name": "flex-end"
         },
         {
-          "name": "ease-out"
+          "name": "center"
         },
         {
-          "name": "ease-in-out"
+          "name": "space-between"
         },
         {
-          "name": "fast-out-slow-in",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
+          "name": "space-around"
+        }
+      ],
+      "version": [
         {
-          "name": "linear-out-slow-in",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
+          "name": "v3.0"
+        }
+      ],
+      "description": [
         {
-          "name": "fast-out-linear-in",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
+          "name": "How items are aligned along the main axis of the current line in a flex container. Available values are as follows: flex-start: Items are packed towards the start line. flex-end: Items are packed towards the end line. center: Items are centered along the line. space-between: Items are positioned with space between the lines. space-around: Items are positioned with space before, between, and after the lines."
+        }
+      ],
+      "restrictions": [
         {
-          "name": "friction",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
+          "name": [
+            "enum"
           ]
-        },
+        }
+      ]
+    },
+    {
+      "name": "align-items",
+      "values": [
         {
-          "name": "extreme-deceleration",
+          "name": "stretch",
           "supportedDevices": [
             "tv",
             "phone",
@@ -2558,7 +4794,7 @@
           ]
         },
         {
-          "name": "sharp",
+          "name": "baseline",
           "supportedDevices": [
             "tv",
             "phone",
@@ -2567,31 +4803,13 @@
           ]
         },
         {
-          "name": "rhythm",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
+          "name": "flex-start"
         },
         {
-          "name": "smooth",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
+          "name": "flex-end"
         },
         {
-          "name": "cubic-bezier",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
+          "name": "center"
         }
       ],
       "version": [
@@ -2601,7 +4819,7 @@
       ],
       "description": [
         {
-          "name": "Speed curve of an animation, which makes the animation more fluent. Available values include: linear: The animation speed keeps unchanged; ease: The animation starts at a low speed and then accelerates. It slows down before the animation ends. cubic-bezier(0.25, 0.1, 0.25, 1.0); ease-in: The animation starts at a low speed. cubic-bezier(0.42, 0.0, 1.0, 1.0); ease-out: The animation ends at a low speed. cubic-bezier(0.0, 0.0, 0.58, 1.0); ease-in-out: The animation starts and ends at a low speed. cubic-bezier(0.42, 0.0, 0.58, 1.0); fast-out-slow-in: Standard curve, cubic-bezier(0.4, 0.0, 0.2, 1.0); linear-out-slow-in: Deceleration curve, cubic-bezier(0.0, 0.0, 0.2, 1.0); fast-out-linear-in: Acceleration curve, cubic-bezier(0.4, 0.0, 1.0, 1.0); friction: Damping curve, cubic-bezier(0.2, 0.0, 0.2, 1.0);extreme-deceleration: Extreme deceleration curve, cubic-bezier(0.0, 0.0, 0.0, 1.0) curve; sharp: Sharp curve, cubic-bezier(0.33, 0.0, 0.67, 1.0); rhythm: Rhythm curve, cubic-bezier(0.7, 0.0, 0.2, 1.0); smooth: Smooth curve, cubic-bezier(0.4, 0.0, 0.4, 1.0); cubic-bezier: You can customize an animation speed curve in the cubic-bezier() function. The x and y values of each input parameter must be between 0 and 1"
+          "name": "How items are aligned along the cross axis of the current line in a flex container. Available values are as follows: stretch: Items are stretched to the same height or width as the container in the cross axis direction; flex-start: Items are aligned to the start of the cross axis; flex-end: Items are aligned to the end of the cross axis; center: Items are aligned in the middle of the cross axis"
         }
       ],
       "restrictions": [
@@ -2613,74 +4831,105 @@
       ]
     },
     {
-      "name": "animation-fill-mode",
+      "name": "scrollbar-color",
       "syntax": [
         {
-          "name": "forwards | none"
+          "name": "color"
         }
       ],
-      "values": [
-        {
-          "name": "forwards"
-        },
-        {
-          "name": "none"
-        }
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Whether to restore the initial state after the animation is executed. Available values include: none: The initial state is restored after the animation is executed; forwards: The state at the end of the animation (defined in the last key frame) is retained after the animation is executed"
+          "name": "Sets the color of the scroll bar."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "color"
           ]
         }
       ]
     },
     {
-      "name": "shared-transition-effect",
+      "name": "scrollbar-width",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "values": [
+      "version": [
         {
-          "name": "exchange"
-        },
+          "name": "v6.0"
+        }
+      ],
+      "description": [
         {
-          "name": "static"
+          "name": "Sets the width of the scroll bar."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "scrollbar-offset",
+      "syntax": [
+        {
+          "name": "length"
         }
       ],
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Entry style of shared elements during the transition, which can be exchange or static.During the transition, the style configured on the target page takes effect preferentially. exchange: The source page element is moved to the position of the target page element and is zoomed in or out properly. static: The position of the target page element remains unchanged. You can configure the transparency animation. Currently, only the static effect configured on the target page takes effect"
+          "name": "Sets the offset of the scroll bar."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "length"
           ]
         }
       ]
     },
     {
-      "name": "shared-transition-name",
+      "name": "divider-color",
+      "syntax": [
+        {
+          "name": "color"
+        }
+      ],
       "supportedDevices": [
         "tv",
         "phone",
@@ -2689,55 +4938,91 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v5.0"
         }
       ],
       "description": [
         {
-          "name": "During the transition, the style configured on the target page takes effect preferentially. This style is used to configure the animation effect of shared elements. The animation effect is an animation sequence defined by @keyframes supporting transform and transparency animations. If the effect of the shared element conflicts with the custom animation, the latter is used"
+          "name": "Color of the item separator. This parameter is valid only when the divider attribute of the list is set to true."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "string"
+            "color"
           ]
         }
       ]
     },
     {
-      "name": "shared-transition-timing-function",
+      "name": "divider-height",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
       "supportedDevices": [
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "values": [
+      "version": [
         {
-          "name": "friction"
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Height of the item separator. This parameter is valid only when the divider attribute of the list is set to true."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "divider-length",
+      "syntax": [
+        {
+          "name": "length"
         }
       ],
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v5.0"
         }
       ],
       "description": [
         {
-          "name": "During the transition, the style configured on the target page takes effect preferentially. This attribute defines the difference curve during the transition of shared elements. The friction curve is used by default if this parameter is not configured"
+          "name": "Length of the item separator. If this parameter is not set, the maximum length is the width of the main axis. The length depends on divider-origin. This parameter is valid only when divider of the list is set to true."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum"
+            "length"
           ]
         }
       ]
     },
     {
-      "name": "transition-enter",
+      "name": "divider-origin",
+      "syntax": [
+        {
+          "name": "length"
+        }
+      ],
       "supportedDevices": [
         "tv",
         "phone",
@@ -2746,24 +5031,29 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v5.0"
         }
       ],
       "description": [
         {
-          "name": "Related to @keyframes, which supports transform and transparent animations"
+          "name": "Offset of the item separator relative to the start position of the item main axis. This parameter is valid only when the divider attribute of the list is set to true."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "string"
+            "length"
           ]
         }
       ]
     },
     {
-      "name": "transition-exit",
+      "name": "z-index",
+      "syntax": [
+        {
+          "name": "number"
+        }
+      ],
       "supportedDevices": [
         "tv",
         "phone",
@@ -2772,24 +5062,29 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Related to @keyframes, which supports transform and transparent animations"
+          "name": "Represents the rendering order of its children for the same parent node.The higher the value, the lower the rendering data."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "string"
+            "number"
           ]
         }
       ]
     },
     {
-      "name": "transition-duration",
+      "name": "image-fill",
+      "syntax": [
+        {
+          "name": "color"
+        }
+      ],
       "supportedDevices": [
         "tv",
         "phone",
@@ -2798,43 +5093,72 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "The unit can be s or ms. The default unit is ms"
+          "name": "Fills colors for svg images. The following components can be used to set image resource attributes: button (icon attribute), piece (icon attribute), search (icon attribute), input (headicon attribute), textarea (headicon attribute), and image (src attribute)., navigation-bar(logo/starticon/endicon), toolbar-item (icon attribute)."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "time"
+            "color"
           ]
         }
       ]
     },
     {
-      "name": "transition-timing-function",
-      "supportedDevices": [
+      "name": "clip-path",
+      "supportedDevices":[
         "tv",
         "phone",
         "tablet",
         "wearable"
       ],
-      "values": [
+      "syntax": [
         {
-          "name": "friction"
+          "name": "[<geometry-box> || <basic-shape> ] | none"
         }
       ],
-      "version": [
+      "values": [
+          {
+            "name": "border-box"
+          },
+          {
+            "name": "margin-box"
+          },
+          {
+            "name": "padding-box"
+          },
+          {
+            "name": "content-box"
+          },
+          {
+            "name": "inset()"
+          },
+          {
+            "name": "circle()"
+          },
+          {
+            "name": "ellipse()"
+          },
+          {
+            "name": "polygon()"
+          },
+          {
+            "name": "path()"
+          }
+      ],
+      "version":[
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Speed curve of executing transition animation for smoother transition. For details about the parameters, see the description of the valid values of animation-timing-function"
+          "name": "Set the clip area of the component. Part of the area is displayed, and the area outside is not displayed"
         }
       ],
       "restrictions": [
@@ -2846,28 +5170,44 @@
       ]
     },
     {
-      "name": "flex-direction",
+      "name": "animation-direction",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "column | row"
+          "name": "normal | reverse | alternate | alternate-reverse"
         }
       ],
       "values": [
         {
-          "name": "column"
+          "name": "normal",
+          "description":"The animation is looped forward."
         },
         {
-          "name": "row"
+          "name": "reverse",
+          "description":"Animation reverse loop"
+        },
+        {
+          "name": "alternate",
+          "description":"The animation is played alternately and cyclically, with odd times playing forward and even times playing backward."
+        },
+        {
+          "name": "alternate-reverse",
+          "description":"The animation is played alternately in reverse rotation, odd times of reverse playback, even times of forward playback."
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Main axis direction of the flex container. Available values are as follows: column: Items are placed vertically from top to bottom; row: Items are placed horizontally from left to right"
+          "name": "Specifying the Playback Mode of the Animation"
         }
       ],
       "restrictions": [
@@ -2879,28 +5219,36 @@
       ]
     },
     {
-      "name": "flex-wrap",
+      "name": "animation-play-state",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
-          "name": "nowrap | wrap"
+          "name": "paused | running"
         }
       ],
       "values": [
         {
-          "name": "nowrap"
+          "name": "paused",
+          "description":"The animation status is paused."
         },
         {
-          "name": "wrap"
+          "name": "running",
+          "description":"The animation status is Play."
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Whether flex items in the container are displayed in a single line or multiple lines. Currently, dynamic modification is not supported. Available values are as follows: nowrap: Items are displayed on a single axis; wrap: Items are displayed on multiple axes."
+          "name": "Specifies the current state of the animation"
         }
       ],
       "restrictions": [
@@ -2912,86 +5260,64 @@
       ]
     },
     {
-      "name": "justify-content",
-      "syntax": [
-        {
-          "name": "flex-start | flex-end | center | space-between | space-around"
-        }
+      "name": "transition",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
       ],
-      "values": [
-        {
-          "name": "flex-start"
-        },
-        {
-          "name": "flex-end"
-        },
-        {
-          "name": "center"
-        },
-        {
-          "name": "space-between"
-        },
+      "syntax": [
         {
-          "name": "space-around"
+          "name": "transition-property | transition-duration | transition-timing-function | transition-delay"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "How items are aligned along the main axis of the current line in a flex container. Available values are as follows: flex-start: Items are packed towards the start line. flex-end: Items are packed towards the end line. center: Items are centered along the line. space-between: Items are positioned with space between the lines. space-around: Items are positioned with space before, between, and after the lines."
-        }
-      ],
-      "restrictions": [
-        {
-          "name": [
-            "enum"
-          ]
+          "name": "Specifies the transition effect of a component state switch"
         }
       ]
     },
     {
-      "name": "align-items",
-      "values": [
-        {
-          "name": "stretch",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
+      "name": "overscroll-effect",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
         {
-          "name": "baseline",
-          "supportedDevices": [
-            "tv",
-            "phone",
-            "tablet",
-            "wearable"
-          ]
-        },
+          "name": "spring | fade | none"
+        }
+      ],
+      "values": [
         {
-          "name": "flex-start"
+          "name": "spring",
+          "description":"Elastic physical action, sliding to the edge can continue to slide for a distance based on initial speed or touch events, and spring back when you release the hand"
         },
         {
-          "name": "flex-end"
+          "name": "fade",
+          "description":"Fading physical dynamic effect, slide to the edge to show a wave-like fade, according to the speed and sliding distance changes the fade will also send certain changes;"
         },
         {
-          "name": "center"
+          "name": "none",
+          "description": "No effect after sliding to the edge"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "How items are aligned along the cross axis of the current line in a flex container. Available values are as follows: stretch: Items are stretched to the same height or width as the container in the cross axis direction; flex-start: Items are aligned to the start of the cross axis; flex-end: Items are aligned to the end of the cross axis; center: Items are aligned in the middle of the cross axis"
+          "name": "Set the scrolling edge effect"
         }
       ],
       "restrictions": [
@@ -3543,20 +5869,147 @@
       ],
       "description": [
         {
-          "name": "Position of the indicator relative to the swiper"
+          "name": "Position of the indicator relative to the swiper"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indicator-left",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Diameter of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indicator-right",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Diameter of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "indicator-bottom",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<length> || <percentage>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Diameter of the navigation point indicator"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length",
+            "percentage"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "progress-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Loading color of the <refresh> component"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "color"
           ]
         }
       ]
     },
     {
-      "name": "indicator-left",
+      "name": "object-fit",
       "supportedDevices": [
         "tv",
         "phone",
@@ -3565,7 +6018,29 @@
       ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "fill | contain | cover | none | scale-down"
+        }
+      ],
+      "values": [
+        {
+          "name": "cover",
+          "description": "The image is scaled with the aspect ratio retained for both sides to be greater than or equal to the display boundaries and displayed in the middle"
+        },
+        {
+          "name": "contain",
+          "description": "The image is scaled with the aspect ratio retained for the image to be completely displayed within the display boundaries and displayed in the middle"
+        },
+        {
+          "name": "fill",
+          "description": "The image is resized to fill the display area and its aspect ratio is not retained"
+        },
+        {
+          "name": "none",
+          "description": "The image is displayed in the middle with its aspect ratio and size retained"
+        },
+        {
+          "name": "scale-down",
+          "description": "The image is displayed in the middle with its aspect ratio retained. The size is equal to or smaller than the original size"
         }
       ],
       "version": [
@@ -3575,58 +6050,49 @@
       ],
       "description": [
         {
-          "name": "Diameter of the navigation point indicator"
+          "name": "Image scale type. The SVG format is not supported. cover: The image is scaled with the aspect ratio retained for both sides to be greater than or equal to the display boundaries and displayed in the middle. contain: The image is scaled with the aspect ratio retained for the image to be completely displayed within the display boundaries and displayed in the middle. fill: The image is resized to fill the display area and its aspect ratio is not retained. none: The image is displayed in the middle with its aspect ratio and size retained. scale-down: The image is displayed in the middle with its aspect ratio retained. The size is equal to or smaller than the original size."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "enum"
           ]
         }
       ]
     },
     {
-      "name": "indicator-right",
+      "name": "object-position",
       "supportedDevices": [
         "tv",
         "phone",
-        "tablet",
-        "wearable"
+        "tablet"
       ],
       "syntax": [
         {
-          "name": "<length> || <percentage>"
+          "name": "<string>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Diameter of the navigation point indicator"
+          "name": "image position"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length",
-            "percentage"
+            "string"
           ]
         }
       ]
     },
     {
-      "name": "indicator-bottom",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
+      "name": "previous-margin",
       "syntax": [
         {
           "name": "<length> || <percentage>"
@@ -3634,12 +6100,12 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Diameter of the navigation point indicator"
+          "name": "The previous margin"
         }
       ],
       "restrictions": [
@@ -3652,38 +6118,33 @@
       ]
     },
     {
-      "name": "progress-color",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
+      "name": "next-margin",
       "syntax": [
         {
-          "name": "<color>"
+          "name": "<length> || <percentage>"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Loading color of the <refresh> component"
+          "name": "The next margin"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "color"
+            "length",
+            "percentage"
           ]
         }
       ]
     },
     {
-      "name": "object-fit",
+      "name": "word-break",
       "supportedDevices": [
         "tv",
         "phone",
@@ -3692,39 +6153,31 @@
       ],
       "syntax": [
         {
-          "name": "fill | contain | cover | none | scale-down"
+          "name": "break-word | normal | break-all"
         }
       ],
       "values": [
         {
-          "name": "cover",
-          "description": "The image is scaled with the aspect ratio retained for both sides to be greater than or equal to the display boundaries and displayed in the middle"
-        },
-        {
-          "name": "contain",
-          "description": "The image is scaled with the aspect ratio retained for the image to be completely displayed within the display boundaries and displayed in the middle"
-        },
-        {
-          "name": "fill",
-          "description": "The image is resized to fill the display area and its aspect ratio is not retained"
+          "name": "break-word",
+          "description": "Line breaks can occur within a word, but it is required that words without broken lines must be a unit (except for the hyphen)."
         },
         {
-          "name": "none",
-          "description": "The image is displayed in the middle with its aspect ratio and size retained"
+          "name": "normal",
+          "description": "Line breaks occur between characters. Line breaks are not allowed within characters (except for hyphens)."
         },
         {
-          "name": "scale-down",
-          "description": "The image is displayed in the middle with its aspect ratio retained. The size is equal to or smaller than the original size"
+          "name": "break-all",
+          "description": "Line breaks anywhere"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Image scale type. The SVG format is not supported. cover: The image is scaled with the aspect ratio retained for both sides to be greater than or equal to the display boundaries and displayed in the middle. contain: The image is scaled with the aspect ratio retained for the image to be completely displayed within the display boundaries and displayed in the middle. fill: The image is resized to fill the display area and its aspect ratio is not retained. none: The image is displayed in the middle with its aspect ratio and size retained. scale-down: The image is displayed in the middle with its aspect ratio retained. The size is equal to or smaller than the original size."
+          "name": "Text word-break."
         }
       ],
       "restrictions": [
@@ -3736,7 +6189,7 @@
       ]
     },
     {
-      "name": "word-break",
+      "name": "overflow",
       "supportedDevices": [
         "tv",
         "phone",
@@ -3745,21 +6198,21 @@
       ],
       "syntax": [
         {
-          "name": "break-word | normal | break-all"
+          "name": "visible | hidden  | scroll"
         }
       ],
       "values": [
         {
-          "name": "break-word",
-          "description": "Line breaks can occur within a word, but it is required that words without broken lines must be a unit (except for the hyphen)."
+          "name": "visible",
+          "description": "If the content of an element exceeds the size of the element, the element is displayed outside the element."
         },
         {
-          "name": "normal",
-          "description": "Line breaks occur between characters. Line breaks are not allowed within characters (except for hyphens)."
+          "name": "hidden ",
+          "description": "When the content of an element exceeds the size of the element, the element is cropped for display."
         },
         {
-          "name": "break-all",
-          "description": "Line breaks anywhere"
+          "name": "scroll",
+          "description": "When the content of an element exceeds the size of the element, scrolling is performed and the scroll bar is displayed."
         }
       ],
       "version": [
@@ -3769,7 +6222,7 @@
       ],
       "description": [
         {
-          "name": "Text word-break."
+          "name": "Sets the representation of the element content area when it exceeds the size of the element itself."
         }
       ],
       "restrictions": [
@@ -4160,7 +6613,7 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v5.0"
         }
       ],
       "description": [
@@ -4240,6 +6693,56 @@
         }
       ]
     },
+    {
+      "name": "word-spacing",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text spacing (px)"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-indent",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Set the amount of indentation before the first line of text"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
     {
       "name": "font-style",
       "supportedDevices": [
@@ -4300,6 +6803,12 @@
         {
           "name": "bolder"
         },
+        {
+          "name": "medium"
+        },
+        {
+          "name": "regular"
+        },
         {
           "name": "100"
         },
@@ -4537,36 +7046,139 @@
       ]
     },
     {
-      "name": "text-overflow",
-      "supportedDevices": [
-        "tv",
-        "phone",
-        "tablet",
-        "wearable"
-      ],
+      "name": "column-height",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "supportedDevices": [
+        "phone"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Height of the selector's selection list."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-overflow",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "[ clip | ellipsis | <string> ]{1,2}"
+        }
+      ],
+      "values": [
+        {
+          "name": "clip",
+          "description": "The text is clipped and displayed based on the size of the parent container"
+        },
+        {
+          "name": "ellipsis",
+          "description": "The text is displayed based on the size of the parent container. The text that cannot be displayed is replaced with ellipsis. This style must be used together with max-lines"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text line height. When this parameter is set to 0px, the text line height is not limited and the font size is adaptive"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-overflow",
+      "syntax": [
+        {
+          "name": "[ clip | ellipsis | <string> ]{1,2}"
+        }
+      ],
+      "values": [
+        {
+          "name": "clip",
+          "description": "The text is clipped and displayed based on the size of the parent container"
+        },
+        {
+          "name": "ellipsis",
+          "description": "The text is displayed based on the size of the parent container. The text that cannot be displayed is replaced with ellipsis. This style must be used together with max-lines"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text line height. When this parameter is set to 0px, the text line height is not limited and the font size is adaptive"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "enum",
+            "string"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "text-valign",
       "syntax": [
         {
-          "name": "[ clip | ellipsis | <string> ]{1,2}"
+          "name": "top | middle | bottom"
         }
       ],
       "values": [
         {
-          "name": "clip",
-          "description": "The text is clipped and displayed based on the size of the parent container"
+          "name": "top",
+          "description": "The text is displayed based on the top of the parent container"
         },
         {
-          "name": "ellipsis",
-          "description": "The text is displayed based on the size of the parent container. The text that cannot be displayed is replaced with ellipsis. This style must be used together with max-lines"
+          "name": "middle",
+          "description": "The text is displayed based on the middle of the parent container"
+        },
+        {
+          "name": "bottom",
+          "description": "The text is displayed based on the bottom of the parent container"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Text line height. When this parameter is set to 0px, the text line height is not limited and the font size is adaptive"
+          "name": "Set the vertical alignment of the current text"
         }
       ],
       "restrictions": [
@@ -4578,37 +7190,48 @@
       ]
     },
     {
-      "name": "text-overflow",
+      "name": "white-space",
       "syntax": [
         {
-          "name": "[ clip | ellipsis | <string> ]{1,2}"
+          "name": "normal | nowrap | pre | pre-wrap | pre-line"
         }
       ],
       "values": [
         {
-          "name": "clip",
-          "description": "The text is clipped and displayed based on the size of the parent container"
+          "name": "normal",
+          "description": "Consecutive whitespace characters will be merged, and newline characters will be treated as whitespace characters"
         },
         {
-          "name": "ellipsis",
-          "description": "The text is displayed based on the size of the parent container. The text that cannot be displayed is replaced with ellipsis. This style must be used together with max-lines"
+          "name": "nowrap",
+          "description": "Consecutive whitespace characters will be merged, and newline characters is invalid"
+        },
+        {
+          "name": "pre",
+          "description": "Consecutive whitespace will be preserved"
+        },
+        {
+          "name": "pre-wrap",
+          "description": "Consecutive whitespace will be preserved"
+        },
+        {
+          "name": "pre-line",
+          "description": "Consecutive whitespace characters will be merged"
         }
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v7.0"
         }
       ],
       "description": [
         {
-          "name": "Text line height. When this parameter is set to 0px, the text line height is not limited and the font size is adaptive"
+          "name": "Set the mode for handling blanks in text"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "enum",
-            "string"
+            "enum"
           ]
         }
       ]
@@ -4656,7 +7279,12 @@
       ],
       "syntax": [
         {
-          "name": "<number>"
+          "name": "[<string> | <number>]"
+        }
+      ],
+      "values": [
+        {
+          "name": "auto"
         }
       ],
       "version": [
@@ -4801,6 +7429,43 @@
         }
       ]
     },
+    {
+      "name": "adapt-height",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "true | false"
+        }
+      ],
+      "values": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ],
+      "version": [
+        {
+          "name": "v3.0"
+        }
+      ],
+      "description": [
+        {
+          "name": ""
+        }
+      ],
+      "restrictions": [
+        {
+          "name": ["enum"]
+        }
+      ]
+    },
     {
       "name": "star-background",
       "supportedDevices": [
@@ -5041,6 +7706,37 @@
         }
       ]
     },
+    {
+      "name": "text-decoration-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Text decoration color"
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
     {
       "name": "icon-width",
       "supportedDevices": [
@@ -5341,6 +8037,62 @@
         }
       ]
     },
+    {
+      "name": "disappear-color",
+      "syntax": [
+        {
+          "name": "<color>"
+        }
+      ],
+      "supportedDevices": [
+        "phone"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The font color of the faded item. The disappearing item is the top and bottom two options in a scenario with five options in a column."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "color"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "disappear-font-size",
+      "syntax": [
+        {
+          "name": "<length>"
+        }
+      ],
+      "supportedDevices": [
+        "phone"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The font size of the gradient disappearing item. The disappearing item is the top and bottom two options in a scenario with five options in a column."
+        }
+      ],
+      "restrictions": [
+        {
+          "name": [
+            "length"
+          ]
+        }
+      ]
+    },
     {
       "name": "colors",
       "supportedDevices": [
@@ -5449,23 +8201,24 @@
       ],
       "syntax": [
         {
-          "name": "<length>"
+          "name": "<length> | <percentage>"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
         {
-          "name": " "
+          "name": "Sets the minimum width of the element."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "length",
+            "percentage"
           ]
         }
       ]
@@ -5480,23 +8233,24 @@
       ],
       "syntax": [
         {
-          "name": "<length>"
+          "name": "<length> | <percentage>"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
         {
-          "name": " "
+          "name": "Sets the minimum height of the element."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "length",
+            "percentage"
           ]
         }
       ]
@@ -5511,23 +8265,24 @@
       ],
       "syntax": [
         {
-          "name": "<length>"
+          "name": "<length> | <percentage>"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
         {
-          "name": " "
+          "name": "Sets the maximum width of the element. The default value is unlimited."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "length",
+            "percentage"
           ]
         }
       ]
@@ -5542,23 +8297,24 @@
       ],
       "syntax": [
         {
-          "name": "<length>"
+          "name": "<length> | <percentage>"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
         {
-          "name": " "
+          "name": "Sets the maximum height of the element. The default value is unlimited."
         }
       ],
       "restrictions": [
         {
           "name": [
-            "length"
+            "length",
+            "percentage"
           ]
         }
       ]
@@ -5573,23 +8329,23 @@
       ],
       "syntax": [
         {
-          "name": "<number>"
+          "name": "h-shadow | v-shadow | blur | spread | color"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
         {
-          "name": " "
+          "name": "This style allows you to set the shadow style of the current component"
         }
       ],
       "restrictions": [
         {
           "name": [
-            "number"
+            "length"
           ]
         }
       ]
@@ -5604,12 +8360,17 @@
       ],
       "syntax": [
         {
-          "name": "<string>"
+          "name": "blur()"
+        }
+      ],
+      "values": [
+        {
+          "name": "blur()"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
@@ -5620,7 +8381,7 @@
       "restrictions": [
         {
           "name": [
-            "string"
+            "enum"
           ]
         }
       ]
@@ -5635,12 +8396,17 @@
       ],
       "syntax": [
         {
-          "name": "<string>"
+          "name": "blur()"
+        }
+      ],
+      "values": [
+        {
+          "name": "blur()"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
@@ -5651,7 +8417,7 @@
       "restrictions": [
         {
           "name": [
-            "string"
+            "enum"
           ]
         }
       ]
@@ -5666,12 +8432,17 @@
       ],
       "syntax": [
         {
-          "name": "<string>"
+          "name": "blur() | style"
+        }
+      ],
+      "values": [
+        {
+          "name": "blur()"
         }
       ],
       "version": [
         {
-          "name": "v4.0"
+          "name": "v5.0"
         }
       ],
       "description": [
@@ -5682,7 +8453,7 @@
       "restrictions": [
         {
           "name": [
-            "string"
+            "enum"
           ]
         }
       ]
@@ -5782,6 +8553,12 @@
     },
     {
       "name": "caret-color",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
       "syntax": [
         {
           "name": "<color>"
@@ -5789,12 +8566,12 @@
       ],
       "version": [
         {
-          "name": "v3.0"
+          "name": "v6.0"
         }
       ],
       "description": [
         {
-          "name": "Caret color"
+          "name": "Sets the color of the input cursor."
         }
       ],
       "restrictions": [
@@ -5905,7 +8682,7 @@
       ],
       "description": [
         {
-          "name": "Defines a stylesheet for a particular media type.",
+          "name": "Defines a stylesheet for a particular media type",
           "supportedDevices": [
             "tv",
             "phone",
@@ -5934,14 +8711,12 @@
       ],
       "description": [
         {
-          "name": "Represents an element that is being activated by the user.",
+          "name": "Represents an element that is being activated by the user",
           "supportedDevices": [
             "tv",
             "phone",
             "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
+            "wearable"
           ]
         }
       ]
@@ -5952,9 +8727,7 @@
         "tv",
         "phone",
         "tablet",
-        "wearable",
-        "liteWearable",
-        "smartVision"
+        "wearable"
       ],
       "version": [
         {
@@ -5963,14 +8736,37 @@
       ],
       "description": [
         {
-          "name": "Represents an element that is checked or toggled to an on state..",
+          "name": "Represents an element that is checked or toggled to an on state",
           "supportedDevices": [
             "tv",
             "phone",
             "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": ":hover",
+      "supportedDevices": [
+        "tv",
+        "phone",
+        "tablet",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": " Represents the element when the mouse is hovering",
+          "supportedDevices": [
+            "tv",
+            "phone",
+            "tablet",
+            "wearable"
           ]
         }
       ]
@@ -5981,9 +8777,7 @@
         "tv",
         "phone",
         "tablet",
-        "wearable",
-        "liteWearable",
-        "smartVision"
+        "wearable"
       ],
       "version": [
         {
@@ -5992,14 +8786,12 @@
       ],
       "description": [
         {
-          "name": "Represents an element that is waiting for operation finished.",
+          "name": "Represents an element that is waiting for operation finished",
           "supportedDevices": [
             "tv",
             "phone",
             "tablet",
-            "wearable",
-            "liteWearable",
-            "smartVision"
+            "wearable"
           ]
         }
       ]
@@ -6019,7 +8811,7 @@
       ],
       "description": [
         {
-          "name": "Represents any disabled element.",
+          "name": "Represents any disabled element",
           "supportedDevices": [
             "tv",
             "phone",
@@ -6044,7 +8836,7 @@
       ],
       "description": [
         {
-          "name": "Represents an element that has received focus.",
+          "name": "Represents an element that has received focus",
           "supportedDevices": [
             "tv",
             "phone",
diff --git a/api/config/hml/basic/animate.json b/api/config/hml/basic/animate.json
new file mode 100644
index 0000000000000000000000000000000000000000..7e84b1924122ff94b7a16e5b2ec171667a17b9e0
--- /dev/null
+++ b/api/config/hml/basic/animate.json
@@ -0,0 +1,217 @@
+{
+  "name": "animate",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "attributeName",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "begin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dur",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "end",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "repeatCount",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "number",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "indefinite",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "freeze",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "remove",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "calcMode",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "discrete",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "linear",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "paced",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "spline",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "keyTimes",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "keySplines",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "by",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "from",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "to",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "values",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
+
diff --git a/api/config/hml/basic/animateMotion.json b/api/config/hml/basic/animateMotion.json
new file mode 100644
index 0000000000000000000000000000000000000000..dd2e12dd7920a89b015f6a7167ea15f52927dd32
--- /dev/null
+++ b/api/config/hml/basic/animateMotion.json
@@ -0,0 +1,229 @@
+{
+  "name": "animateMotion",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "attributeName",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "path",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": true,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "rotate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "auto-reverse"
+        },
+        {
+          "name": "number"
+        }
+      ]
+    },
+    {
+      "name": "begin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dur",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "end",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "repeatCount",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "freeze",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "remove",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "calcMode",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "discrete",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "linear",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "paced",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "spline",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "keyTimes",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "keySplines",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "from",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "to",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "keyPoints",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": true,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/animateTransform.json b/api/config/hml/basic/animateTransform.json
new file mode 100644
index 0000000000000000000000000000000000000000..294b446f171280c155e5dc196748618d3ca65610
--- /dev/null
+++ b/api/config/hml/basic/animateTransform.json
@@ -0,0 +1,248 @@
+{
+  "name": "animateTransform",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "type",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "translate"
+        },
+        {
+          "name": "scale"
+        },
+        {
+          "name": "rotate"
+        },
+        {
+          "name": "skewX"
+        },
+        {
+          "name": "skewY"
+        }
+      ]
+    },
+    {
+      "name": "attributeName",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "attributeType",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "begin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "values",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "keyTimes",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "keySplines",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "from",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dur",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "end",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "repeatCount",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "freeze",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "remove",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "calcMode",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "discrete",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "linear",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "paced",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "spline",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "from",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "to",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/block.json b/api/config/hml/basic/block.json
old mode 100755
new mode 100644
diff --git a/api/config/hml/basic/button.json b/api/config/hml/basic/button.json
old mode 100755
new mode 100644
index ff90d87ba2249a3703ed296882c2d997587cbddf..5a099c10f09f5145c575a9026d00ac23878b6184
--- a/api/config/hml/basic/button.json
+++ b/api/config/hml/basic/button.json
@@ -5,42 +5,22 @@
       "name": "v3.0"
     }
   ],
-  "supportedDevices": [
-    "phone",
-    "tablet",
-    "tv",
-    "wearable"
-  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
       "name": "The <button> component includes capsule, circle, text, arc, and download buttons.",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ]
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
     }
   ],
   "attributes": [
     {
       "name": "type",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
           "name": "Dynamic modification is not supported. If this attribute is not set, capsule-like buttons are displayed. Different from the capsule button, the four rounded corners of a capsule-like button can be configured using border-radius. Available button types are as follows: capsule: a capsule button with fillets, background color, and text. circle: a circle button which can be used to place icons. text: a text button which displays the text only. arc: an arc button. download: a download button. The download progress bar is added.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "enum",
@@ -56,72 +36,41 @@
         },
         {
           "name": "arc",
-          "supportedDevices": [
-            "wearable"
-          ]
+          "supportedDevices": ["wearable"]
         },
         {
           "name": "download",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv"
-          ]
+          "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
     },
     {
       "name": "value",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
           "name": "Text value of the button. This attribute is unavailable for circle buttons.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
     {
       "name": "icon",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
           "name": "Path of the button icon. This parameter is valid only for the circle button. The supported icon formatformats are JPG, PNG, and SVG.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "placement",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "version": [
         {
@@ -130,13 +79,8 @@
       ],
       "description": [
         {
-          "name": "",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "name": "This parameter is valid only when the type attribute is set to the default value. The options are as follows:\nstart: The icon is located at the beginning of the text.\nend: The icon is at the end of the text.\ntop: The icon is above the text.\nbottom: The icon is below the text.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "enum",
@@ -157,22 +101,12 @@
     },
     {
       "name": "waiting",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
           "name": "Waiting status. When waiting is set to true, the waiting transition is displayed on the left of the text. This attribute is unavailable for download buttons and smart watches.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "enum",
@@ -187,22 +121,12 @@
     },
     {
       "name": "shareid",
-      "supportedDevices": [
-        "phone",
-        "tablet",
-        "tv",
-        "wearable"
-      ],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
           "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": [
-            "phone",
-            "tablet",
-            "tv",
-            "wearable"
-          ]
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
@@ -402,7 +326,7 @@
       ]
     },
     {
-      "name": "data",
+      "name": "data-*",
       "supportedDevices": [
         "phone",
         "tablet",
@@ -1102,6 +1026,354 @@
         }
       ]
     },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
     {
       "name": "focus",
       "supportedDevices": [
diff --git a/api/config/hml/basic/calendar.json b/api/config/hml/basic/calendar.json
new file mode 100644
index 0000000000000000000000000000000000000000..2d6a494e4ff33330e9151e4bd024cca6bd166cb2
--- /dev/null
+++ b/api/config/hml/basic/calendar.json
@@ -0,0 +1,183 @@
+{
+  "name": "calendar",
+  "version": [
+    {
+      "name": "v3.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "The <calendar> component is used to create a calendar component. ",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "date",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar date.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "object"
+    },
+    {
+      "name": "dateadapter",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar date.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "vertical",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar swipe direction.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
+    },
+    {
+      "name": "showholiday",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar to show holiday.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "showlunar",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar to show lunar.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "type",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar type.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "simple"
+        },
+        {
+          "name": "normal"
+        }
+      ]
+    },
+    {
+      "name": "offdays",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar offdays.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "workdays",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar workdays.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "holidays",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "setting calendar holidays.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [
+    {
+      "name": "selectedchange",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "description": [
+        {
+          "name": "Triggered when the select date.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "goto",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "description": [
+        {
+          "name": "Triggered when the jump to a certain month.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/chart.json b/api/config/hml/basic/chart.json
old mode 100755
new mode 100644
index 0d3a8e200975a318af56eb45c806f5b046cb69a5..b2a3134cb474216056e3fd1784fbf07b8a0d7d00
--- a/api/config/hml/basic/chart.json
+++ b/api/config/hml/basic/chart.json
@@ -32,7 +32,35 @@
           "name": "line"
         },
         {
-          "name": "gauge"
+          "name": "gauge",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "progress",
+          "supportedDevices": ["phone", "tablet"],
+          "version": [
+            {
+              "name": "v5.0"
+            }
+          ]
+        },
+        {
+          "name": "loading",
+          "supportedDevices": ["phone", "tablet"],
+          "version": [
+            {
+              "name": "v5.0"
+            }
+          ]
+        },
+        {
+          "name": "rainbow",
+          "supportedDevices": ["phone", "tablet"],
+          "version": [
+            {
+              "name": "v5.0"
+            }
+          ]
         }
       ]
     },
@@ -62,24 +90,34 @@
     },
     {
       "name": "segments",
-      "supportedDevices": ["phone"],
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone"]
+          "name": "Data structures used by progress, loading, and rainbow charts.DataSegment is available for progress and loading charts.Array<DataSegment> is available for rainbow charts. A maximum of nine DataSegment are supported in the array.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "string"
     },
     {
       "name": "effects",
-      "supportedDevices": ["phone"],
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone"]
+          "name": "Whether to enable the effects for progress and rainbow charts.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "enum",
@@ -92,62 +130,182 @@
         }
       ]
     },
+    {
+      "name": "animationduration",
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the animation duration of the proportion-type circular chart, in ms.",
+          "supportedDevices": ["phone", "tablet"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -162,12 +320,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -181,37 +354,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -229,24 +485,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -270,12 +556,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -290,72 +591,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -368,10 +771,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -385,19 +838,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -414,131 +898,686 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/circle.json b/api/config/hml/basic/circle.json
new file mode 100644
index 0000000000000000000000000000000000000000..b5732e2ceb068b5717a708bbba4746eb6ca26596
--- /dev/null
+++ b/api/config/hml/basic/circle.json
@@ -0,0 +1,277 @@
+{
+  "name": "circle",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-rule",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "nonzero",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "evenodd",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-dasharray",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-dashoffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-linejoin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bevel",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "miter",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "butt",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "square",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "transform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "cx",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "cy",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "r",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "animate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateTransform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateMotion",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/divider.json b/api/config/hml/basic/divider.json
old mode 100755
new mode 100644
index dbeecda7b736c27a742574676eb89f7bdc853596..e1cc8271647aa8d4fc733e101f60ebbd75578eb7
--- a/api/config/hml/basic/divider.json
+++ b/api/config/hml/basic/divider.json
@@ -34,85 +34,326 @@
       ]
     },
     {
-      "name": "id",
+      "name": "shareid",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "disabled",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -130,24 +371,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -171,12 +442,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -191,72 +477,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -269,10 +657,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -286,19 +724,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
diff --git a/api/config/hml/basic/ellipse.json b/api/config/hml/basic/ellipse.json
new file mode 100644
index 0000000000000000000000000000000000000000..cc3a413cf8d3ccc833c4b602b6ab8e29c340def7
--- /dev/null
+++ b/api/config/hml/basic/ellipse.json
@@ -0,0 +1,277 @@
+{
+  "name": "ellipse",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fillOpacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-rule",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "nonzero",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "evenodd",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-dasharray",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-dashoffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-linejoin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bevel",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "miter",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "butt",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "square",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "transform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "cx",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "cy",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "rx",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ry",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
+
diff --git a/api/config/hml/basic/image-animator.json b/api/config/hml/basic/image-animator.json
old mode 100755
new mode 100644
index 6cdb3f10d3678b1e0866679ed8a00a728aa05565..bca2a7633d67d9dee5d82d950008ae9bda0b964c
--- a/api/config/hml/basic/image-animator.json
+++ b/api/config/hml/basic/image-animator.json
@@ -16,7 +16,7 @@
     {
       "name": "images",
       "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
+      "required": true,
       "description": [
         {
           "name": "Image frame information. The frame information includes the image path, size, and location. Currently, the following image formats are supported: PNG, JPG, and BMP. For details about ImageFrame, see Table 1-31. NOTE Use the data binding mode, for example, images = {{images}}. Declare the corresponding variable images: [{src: '/common/heart-rate01.png'}, {src: '/common/heart-rate02.png'}] in the JavaScript.",
@@ -25,6 +25,23 @@
       ],
       "type": "string"
     },
+    {
+      "name": "predecode",
+      "supportedDevices": ["phone", "tablet", "tv","wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to enable pre-decoding. The default value is 0, indicating that pre-decoding is disabled. If this parameter is set to 2, the last two images are loaded to the cache in advance to improve the performance when the current page is played.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
     {
       "name": "iteration",
       "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
@@ -35,15 +52,7 @@
           "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
         }
       ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "number"
-        },
-        {
-          "name": "infinite"
-        }
-      ]
+      "type": "number|string"
     },
     {
       "name": "reverse",
@@ -88,7 +97,7 @@
     {
       "name": "duration",
       "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
+      "required": true,
       "description": [
         {
           "name": "Single video playback duration. The unit can be s (standing for seconds) or ms. The default unit is ms. If the value is 0, no image is played. The value change takes effect only at the start of the next cycle.",
@@ -98,61 +107,190 @@
       "type": "string"
     },
     {
-      "name": "id",
+      "name": "fillmode",
       "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Status of the frame animation after its playback is complete. Available values are as follows:\nnone: Restores to the initial status.forwards: Retains the ending status defined for the last key frame.",
           "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
         }
       ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "forwards"
+        },
+        {
+          "name": "none"
+        }
+      ]
+
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -167,12 +305,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -186,37 +339,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -234,24 +470,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -275,12 +541,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -295,72 +576,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -373,10 +756,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -390,19 +823,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -459,131 +923,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/image.json b/api/config/hml/basic/image.json
old mode 100755
new mode 100644
index 360fc1c335b52ec50b60d32868b1922e6566650b..931c924e841a9e3b76d7e46594774e34da8e9281
--- a/api/config/hml/basic/image.json
+++ b/api/config/hml/basic/image.json
@@ -23,7 +23,7 @@
           "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "alt",
@@ -51,60 +51,151 @@
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -119,12 +210,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -138,37 +244,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -186,24 +375,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -227,12 +446,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -247,72 +481,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -325,10 +661,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -342,19 +728,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -391,131 +808,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/input.json b/api/config/hml/basic/input.json
old mode 100755
new mode 100644
index c24bb3a559d9e98ef4bfe2c5ae5e02c720293d4d..00629caa5508c1d24d4c3c4652f23e4af3e56aca
--- a/api/config/hml/basic/input.json
+++ b/api/config/hml/basic/input.json
@@ -35,28 +35,28 @@
           "name": "radio"
         },
         {
-          "name": "text"
-        },
-        {
-          "name": "email"
-        },
-        {
-          "name": "date"
+          "name": "text",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
-          "name": "time"
+          "name": "email",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
-          "name": "number"
+          "name": "date",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
-          "name": "password"
+          "name": "time",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
-          "name": "submit"
+          "name": "number",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
-          "name": "reset"
+          "name": "password",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ]
     },
@@ -170,15 +170,20 @@
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "showcounter",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Whether to display the character counter for an input box. This attribute takes effect only when maxlength is set.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -195,10 +200,15 @@
     {
       "name": "autofocus",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether to obtain focus automatically.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -215,10 +225,15 @@
     {
       "name": "softkeyboardenabled",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether to display the system soft keyboard during editing.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -235,10 +250,15 @@
     {
       "name": "showpasswordicon",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether to display the icon at the end of the password box. This parameter is valid only when type is set to password.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -255,34 +275,61 @@
     {
       "name": "selectedstart",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Initial selection position when you start selecting text.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "selectedend",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "End selection position when starting text selection.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "menuoptions",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Set the menu items displayed after the More button is clicked in the text selection dialog box.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -290,60 +337,151 @@
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -358,12 +496,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -377,37 +530,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -425,24 +661,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -466,12 +732,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -486,72 +767,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -566,12 +949,27 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -589,8 +987,20 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -604,19 +1014,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -646,7 +1087,7 @@
       "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
       "description": [
         {
-          "name": "",
+          "name": "Event triggered when text selection changes",
           "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
         }
       ]
@@ -666,7 +1107,7 @@
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ]
@@ -676,7 +1117,7 @@
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ]
@@ -686,7 +1127,7 @@
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ]
@@ -696,138 +1137,693 @@
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "description": [
         {
-          "name": "",
+          "name": "After the menuoptions attribute is set in the text selection pop-up window, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/label.json b/api/config/hml/basic/label.json
old mode 100755
new mode 100644
index 879a7032c05c6c5bbb5e108a5344e2ea4aebd0f3..0fe8e9c40859717fe9e40950129e8648881f33f0
--- a/api/config/hml/basic/label.json
+++ b/api/config/hml/basic/label.json
@@ -39,60 +39,151 @@
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -107,12 +198,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -126,37 +232,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -174,24 +363,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -215,12 +434,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -235,72 +469,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -313,10 +649,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -330,19 +716,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
diff --git a/api/config/hml/basic/line.json b/api/config/hml/basic/line.json
new file mode 100644
index 0000000000000000000000000000000000000000..fca148a5ba38d8a957167bfb9f22ee4d34a754b9
--- /dev/null
+++ b/api/config/hml/basic/line.json
@@ -0,0 +1,290 @@
+{
+  "name": "line",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-rule",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "nonzero",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "evenodd",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-dasharray",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-dashoffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-linejoin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bevel",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "miter",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "butt",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "square",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "transform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "x1",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "y1",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "x2",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "y2",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "animate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateTransform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateMotion",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
+
diff --git a/api/config/hml/basic/marquee.json b/api/config/hml/basic/marquee.json
old mode 100755
new mode 100644
index a8748b084d7211f27844778a3ee36652b7c274bd..6668b76f5146ea6320492522a6deebc3fc936f06
--- a/api/config/hml/basic/marquee.json
+++ b/api/config/hml/basic/marquee.json
@@ -23,7 +23,7 @@
           "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "loop",
@@ -35,7 +35,7 @@
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "direction",
@@ -57,62 +57,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -127,12 +230,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -146,37 +264,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -194,24 +395,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -235,12 +466,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -255,72 +501,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -333,10 +681,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -350,19 +748,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -377,6 +806,209 @@
     }
   ],
   "events": [
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
     {
       "name": "bounce",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
@@ -467,6 +1099,56 @@
         }
       ]
     },
+    {
+      "name": "doubleclick",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when a component is double clicked.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when the pinch starts.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when the pinch updates.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when the pinch ends.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when the pinch is interrupted.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
     {
       "name": "focus",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
diff --git a/api/config/hml/basic/menu.json b/api/config/hml/basic/menu.json
old mode 100755
new mode 100644
index 1613b7f4faf711164217ad7ade30cc60ec840936..64f1210c9212d835d8b107d70000fe1cec69b6eb
--- a/api/config/hml/basic/menu.json
+++ b/api/config/hml/basic/menu.json
@@ -57,62 +57,165 @@
       ],
       "type": "string"
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -127,12 +230,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -146,37 +264,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -194,24 +395,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -235,12 +466,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -255,72 +501,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -335,12 +683,27 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -358,8 +721,20 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -373,19 +748,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
diff --git a/api/config/hml/basic/option.json b/api/config/hml/basic/option.json
old mode 100755
new mode 100644
index da3f900e06751cdb857a5a84096e983e7af73400..3277845738e0e697a2507930916c04c64cdfa7af
--- a/api/config/hml/basic/option.json
+++ b/api/config/hml/basic/option.json
@@ -55,11 +55,16 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "action",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
@@ -67,52 +72,210 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "popup"
+        },
+        {
+          "name": "show"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "disabled",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -125,26 +288,121 @@
         }
       ]
     },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -162,24 +420,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -203,12 +491,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -223,72 +526,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -301,10 +706,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -318,19 +773,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
diff --git a/api/config/hml/basic/path.json b/api/config/hml/basic/path.json
new file mode 100644
index 0000000000000000000000000000000000000000..08625949cf3b03beebac771dba34bac6b68a6024
--- /dev/null
+++ b/api/config/hml/basic/path.json
@@ -0,0 +1,253 @@
+{
+  "name": "path",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-rule",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "nonzero",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "evenodd",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-dasharray",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-dashoffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-linejoin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bevel",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "miter",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "butt",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "square",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "transform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "d",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "animate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateTransform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateMotion",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/picker-view.json b/api/config/hml/basic/picker-view.json
old mode 100755
new mode 100644
index fb834857bebcbd37036c80bb4269a45cecaaa59a..80488a0c23df2a0ae156b0c7c884d7b765b898a9
--- a/api/config/hml/basic/picker-view.json
+++ b/api/config/hml/basic/picker-view.json
@@ -29,16 +29,19 @@
           "name": "text"
         },
         {
-          "name": "date"
+          "name": "date",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
           "name": "time"
         },
         {
-          "name": "datetime"
+          "name": "datetime",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
-          "name": "multi-text"
+          "name": "multi-text",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ]
     },
@@ -113,6 +116,11 @@
     {
       "name": "hours",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
@@ -157,6 +165,11 @@
     {
       "name": "lunar",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
@@ -175,12 +188,17 @@
       ]
     },
     {
-      "name": "lunarswitch",
+      "name": "vibrate",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Whether to display the lunar calendar switch in the date selector. When this switch is displayed, you can switch between the lunar calendar and Gregorian calendar. Turn on the switch to display the lunar calendar, and turn off the switch to hide the lunar calendar. This attribute is available for smartphones.",
+          "name": "Whether the device vibrates when the picker-view is scrolled. true: The device vibrates when the picker-view is scrolled; false: The device does not vibrate when the picker-view is scrolled.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -194,10 +212,30 @@
         }
       ]
     },
+    {
+      "name": "lunarswitch",
+      "supportedDevices": ["phone", "tablet"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to display the lunar calendar switch in the date selector. When this switch is displayed, you can switch between the lunar calendar and Gregorian calendar. Turn on the switch to display the lunar calendar, and turn off the switch to hide the lunar calendar. This attribute is available for smartphones.",
+          "supportedDevices": ["phone", "tablet"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
     {
       "name": "columns",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
+      "required": true,
       "description": [
         {
           "name": "Number of columns in the multi-column text selector.",
@@ -206,62 +244,165 @@
       ],
       "type": "string"
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -276,12 +417,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -295,37 +451,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -343,24 +582,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -384,12 +653,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -404,72 +688,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -482,10 +868,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -499,19 +935,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
diff --git a/api/config/hml/basic/picker.json b/api/config/hml/basic/picker.json
old mode 100755
new mode 100644
index 981f8cf162e982f17b8c2e704939464606233442..8c85619812436597c53cc76f74bb6b3a227e53c8
--- a/api/config/hml/basic/picker.json
+++ b/api/config/hml/basic/picker.json
@@ -69,7 +69,7 @@
     {
       "name": "value",
       "supportedDevices": ["phone", "tablet", "tv"],
-      "required": false,
+      "required": true,
       "description": [
         {
           "name": "Value of the common selector.",
@@ -105,6 +105,11 @@
     {
       "name": "lunar",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
@@ -123,12 +128,17 @@
       ]
     },
     {
-      "name": "lunarswitch",
+      "name": "vibrate",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Whether the date selector pop-up window displays the lunar calendar. Whether to display the lunar calendar switch in the date selector. When this switch is displayed, you can switch between the lunar calendar and Gregorian calendar. Turn on the switch to display the lunar calendar, and turn off the switch to hide the lunar calendar. This attribute is available for smartphones.",
+          "name": "Whether the device vibrates when the picker is scrolled. true: The device vibrates when the picker is scrolled; false: The device does not vibrate when the picker is scrolled.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
@@ -142,6 +152,26 @@
         }
       ]
     },
+    {
+      "name": "lunarswitch",
+      "supportedDevices": ["phone","tablet"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether the date selector pop-up window displays the lunar calendar. Whether to display the lunar calendar switch in the date selector. When this switch is displayed, you can switch between the lunar calendar and Gregorian calendar. Turn on the switch to display the lunar calendar, and turn off the switch to hide the lunar calendar. This attribute is available for smartphones.",
+          "supportedDevices": ["phone","tablet"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
     {
       "name": "containsecond",
       "supportedDevices": ["phone", "tablet", "tv"],
@@ -165,6 +195,11 @@
     {
       "name": "hours",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
@@ -185,7 +220,7 @@
     {
       "name": "columns",
       "supportedDevices": ["phone", "tablet", "tv"],
-      "required": false,
+      "required": true,
       "description": [
         {
           "name": "Number of columns in the multi-column text selector.",
@@ -194,62 +229,165 @@
       ],
       "type": "string"
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -264,12 +402,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -283,37 +436,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -331,24 +567,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -372,12 +638,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -392,72 +673,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -472,12 +855,27 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -495,8 +893,20 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -510,19 +920,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -569,121 +1010,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/piece.json b/api/config/hml/basic/piece.json
old mode 100755
new mode 100644
index d7338e4348209c81a742517ed3cb658f2b78678f..960a1a63777bddc185376c2092a0056f2a679005
--- a/api/config/hml/basic/piece.json
+++ b/api/config/hml/basic/piece.json
@@ -8,31 +8,31 @@
   "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": []
+      "name": "A block-shaped entry that can contain pictures and text. It is often used to display recipients, for example, email recipients or message recipients.",
+      "supportedDevices": ["phone", "tablet"]
     }
   ],
   "attributes": [
     {
       "name": "content",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Action block text content.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "string"
     },
     {
       "name": "closable",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Specifies whether to display the deletion icon for the current operation block. When the deletion icon is displayed, a close event is triggered when you click the deletion icon.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "enum",
@@ -47,72 +47,175 @@
     },
     {
       "name": "icon",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Indicates the URL of the operation block deletion icon. The value can be a local path or a cloud path.",
+          "supportedDevices": ["phone", "tablet"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": []
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": []
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -127,12 +230,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": []
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -146,37 +264,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": [],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": []
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -194,24 +395,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -235,12 +466,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -255,48 +501,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": []
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -309,10 +681,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -326,43 +748,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": [],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "string"
     },
     {
-      "name": "tid",
-      "supportedDevices": [],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [],
-      "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -374,158 +803,701 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": [],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": []
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
     {
       "name": "close",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "When the deletion icon of the piece component is clicked, the component can be deleted by setting the render attribute if.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": []
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": []
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": []
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": []
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": []
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": []
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": []
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": []
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": []
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": []
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": [],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": []
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -534,4 +1506,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/basic/polygon.json b/api/config/hml/basic/polygon.json
new file mode 100644
index 0000000000000000000000000000000000000000..7acda9e989994d9a10c2d3a1ff8a5c32447d358b
--- /dev/null
+++ b/api/config/hml/basic/polygon.json
@@ -0,0 +1,254 @@
+{
+  "name": "polygon",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-rule",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "nonzero",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "evenodd",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-dasharray",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-dashoffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-linejoin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bevel",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "miter",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "butt",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "square",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "transform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "points",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "animate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateTransform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateMotion",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
+
diff --git a/api/config/hml/basic/polyline.json b/api/config/hml/basic/polyline.json
new file mode 100644
index 0000000000000000000000000000000000000000..bfcd7f6e125d598da2792ded6c9cab98881dd9e5
--- /dev/null
+++ b/api/config/hml/basic/polyline.json
@@ -0,0 +1,254 @@
+{
+  "name": "polyline",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-rule",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "nonzero",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "evenodd",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-dasharray",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-dashoffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-linejoin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bevel",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "miter",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "butt",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "square",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "transform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "points",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "animate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateTransform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateMotion",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
+
diff --git a/api/config/hml/basic/progress.json b/api/config/hml/basic/progress.json
old mode 100755
new mode 100644
index 1f52987491320a2355a90fcc221eb9864016805c..c9db4c0b2dc88b4f1ac565c218394ded99266af1
--- a/api/config/hml/basic/progress.json
+++ b/api/config/hml/basic/progress.json
@@ -29,19 +29,28 @@
           "name": "horizontal"
         },
         {
-          "name": "circular"
+          "name": "circular",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
-          "name": "ring"
+          "name": "ring",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
-          "name": "scale-ring"
+          "name": "scale-ring",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         },
         {
           "name": "arc"
         },
         {
-          "name": "eclipse"
+          "name": "eclipse",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+          "version": [
+            {
+              "name": "v5.0"
+            }
+          ]
         }
       ]
     },
@@ -55,7 +64,7 @@
           "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "secondarypercent",
@@ -67,7 +76,7 @@
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "clockwise",
@@ -89,86 +98,327 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "disabled",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -186,24 +436,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -227,12 +507,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -247,72 +542,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -325,10 +722,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -342,19 +789,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -371,101 +849,686 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/qrcode.json b/api/config/hml/basic/qrcode.json
old mode 100755
new mode 100644
index 0e88fe3352a111c7eac373697d7695ec827c50cd..45caf0f3f7743b53397f7985e564ff56026483a2
--- a/api/config/hml/basic/qrcode.json
+++ b/api/config/hml/basic/qrcode.json
@@ -45,62 +45,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -115,12 +218,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -134,37 +252,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -182,24 +383,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -223,12 +454,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -243,72 +489,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -321,10 +669,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -338,19 +736,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -367,131 +796,686 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -500,4 +1484,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/basic/rating.json b/api/config/hml/basic/rating.json
old mode 100755
new mode 100644
index 6698afdc292d615a15406ca89f0c95508a473e9e..c3cc55b13a0898385b16115200f5a91dce2cf4d5
--- a/api/config/hml/basic/rating.json
+++ b/api/config/hml/basic/rating.json
@@ -23,7 +23,7 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "rating",
@@ -35,19 +35,19 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "stepsize",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
           "name": "Step to increment the rating value, which is supported for smartphones only.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "indicator",
@@ -69,62 +69,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -139,12 +242,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -158,37 +276,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -206,24 +407,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -247,12 +478,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -267,72 +513,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -345,10 +693,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -362,19 +760,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -439,6 +868,354 @@
         }
       ]
     },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
     {
       "name": "focus",
       "supportedDevices": ["phone", "tablet", "tv"],
diff --git a/api/config/hml/basic/rect.json b/api/config/hml/basic/rect.json
new file mode 100644
index 0000000000000000000000000000000000000000..e0627dedb6bb3cda9ba4715df8e38a6db57c4474
--- /dev/null
+++ b/api/config/hml/basic/rect.json
@@ -0,0 +1,314 @@
+{
+  "name": "rect",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-rule",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "nonzero",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "evenodd",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-dasharray",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-dashoffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-linejoin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bevel",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "miter",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "butt",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "square",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "transform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "height",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "x",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "y",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "rx",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ry",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [
+    {
+      "name": "animate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateTransform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    },
+    {
+      "name": "animateMotion",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
+
diff --git a/api/config/hml/basic/richtext.json b/api/config/hml/basic/richtext.json
old mode 100755
new mode 100644
index 49461dfced5464d4f724ac0df06c8a8e953aa877..f87134733f62a9f00dfbf16258354ae9788796ae
--- a/api/config/hml/basic/richtext.json
+++ b/api/config/hml/basic/richtext.json
@@ -2,14 +2,14 @@
   "name": "richtext",
   "version": [
     {
-      "name": "v3.0"
+      "name": "v6.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "tv", "smartVision"],
+  "supportedDevices": ["phone", "tablet", "tv"],
   "description": [
     {
       "name": "The <richtext> component is used to render and display html rich text content.",
-      "supportedDevices": ["phone", "tablet", "tv", "smartVision"]
+      "supportedDevices": ["phone", "tablet", "tv"]
     }
   ],
   "attributes": [
@@ -73,71 +73,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/search.json b/api/config/hml/basic/search.json
old mode 100755
new mode 100644
index 2aa969de98885173cea2fe295f8a4e622ab8438d..9285fd65f99e8c4186ca5b70078cb6f7589541be
--- a/api/config/hml/basic/search.json
+++ b/api/config/hml/basic/search.json
@@ -23,7 +23,7 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "hint",
@@ -52,147 +52,196 @@
     {
       "name": "searchbutton",
       "supportedDevices": ["phone", "tablet", "tv"],
-      "required": false,
-      "description": [
+      "version": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "v5.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "menuoptions",
-      "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Search button text value at the end of the search box",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
       "type": "string"
     },
     {
-      "name": "autofocus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
-      "required": false,
-      "description": [
+      "name": "menuoptions",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "v5.0"
         }
       ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
-    },
-    {
-      "name": "softkeyboardenabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the menu items displayed after you click More in the text selection dialog box.",
+          "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "enum",
-      "options": [
-        {
-          "name": "false"
-        },
-        {
-          "name": "true"
-        }
-      ]
+      "type": "string"
     },
     {
-      "name": "selectedstart",
+      "name": "shareid",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
     {
-      "name": "selectedend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
-      "required": false,
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -207,12 +256,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -226,37 +290,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -274,24 +421,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -315,12 +492,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -335,72 +527,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -413,10 +707,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -430,19 +774,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -467,16 +842,6 @@
         }
       ]
     },
-    {
-      "name": "selectchange",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "description": [
-        {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ]
-    },
     {
       "name": "submit",
       "supportedDevices": ["phone", "tablet", "tv"],
@@ -492,7 +857,7 @@
       "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
@@ -502,7 +867,7 @@
       "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
@@ -512,7 +877,7 @@
       "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
@@ -522,138 +887,693 @@
       "supportedDevices": ["phone", "tablet", "tv"],
       "description": [
         {
-          "name": "",
+          "name": "After the menuoptions attribute is set in the text selection dialog box, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/select.json b/api/config/hml/basic/select.json
old mode 100755
new mode 100644
index 91627cbf090046f075294079621cb25827bf9bcd..dcbc93c8de960a90f145b402f23ec4e1e3d6a86f
--- a/api/config/hml/basic/select.json
+++ b/api/config/hml/basic/select.json
@@ -13,62 +13,165 @@
     }
   ],
   "attributes": [
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -83,12 +186,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -102,37 +220,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -150,24 +351,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -191,12 +422,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -211,72 +457,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -291,12 +639,27 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -314,8 +677,20 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -329,19 +704,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -368,121 +774,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/slider.json b/api/config/hml/basic/slider.json
old mode 100755
new mode 100644
index 0ddcd8eaa7e387b658dc8d57f4b825a5c9b634a4..3058687958f50308df6f6280e4e08717ddea8b5d
--- a/api/config/hml/basic/slider.json
+++ b/api/config/hml/basic/slider.json
@@ -13,6 +13,23 @@
     }
   ],
   "attributes": [
+    {
+      "name": "direction",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "The direction of the slide selector. There is no fixed default value. The default value varies with the device type.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "min",
       "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
@@ -63,12 +80,17 @@
     },
     {
       "name": "type",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": ["wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
           "name": "Slider bar type. This attribute is available only for smart watches. Available values include: continuous: continuous sliding. intermittent: intermittent sliding.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": ["wearable"]
         }
       ],
       "type": "enum",
@@ -91,7 +113,7 @@
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "maxicon",
@@ -103,16 +125,21 @@
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "mode",
-      "supportedDevices": ["phone"],
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone"]
+          "name": "Slider style. Available values are as follows:\noutset: The slider is on the sliding bar.\ninset: The slider is inside the sliding bar.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "enum",
@@ -127,12 +154,17 @@
     },
     {
       "name": "showsteps",
-      "supportedDevices": ["phone"],
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone"]
+          "name": "Whether to display slider scales.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "enum",
@@ -147,12 +179,17 @@
     },
     {
       "name": "showtips",
-      "supportedDevices": ["phone"],
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone"]
+          "name": "Whether a pop-up is displayed to show the percentage value on the slider.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "enum",
@@ -165,62 +202,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -235,12 +375,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -254,37 +409,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -302,24 +540,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -343,12 +611,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -363,72 +646,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -441,10 +826,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -458,19 +893,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -497,131 +963,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/slot.json b/api/config/hml/basic/slot.json
new file mode 100644
index 0000000000000000000000000000000000000000..40c51fe698a845c1549a368c6cbbd1249199b3a1
--- /dev/null
+++ b/api/config/hml/basic/slot.json
@@ -0,0 +1,40 @@
+{
+  "name": "slot",
+  "version": [
+    {
+      "name": "v1.0"
+    }
+  ],
+  "supportedDevices": [
+    "phone",
+    "tablet",
+    "tv",
+    "wearable"
+  ],
+  "description": [
+    {
+      "name": "slot component allow developer to distribute the content of custom component",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "name",
+      "supportedDevices": [],
+      "required": false,
+      "description": [
+        {
+          "name": "Specify insert name",
+          "supportedDevices": []
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+
+  "events": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/span.json b/api/config/hml/basic/span.json
old mode 100755
new mode 100644
index ef3f05556a2d46327dc1d986c8b608b4c18bf0da..7f0efcbd7413e6d8a73796589611068304433ffb
--- a/api/config/hml/basic/span.json
+++ b/api/config/hml/basic/span.json
@@ -14,85 +14,326 @@
   ],
   "attributes": [
     {
-      "name": "id",
+      "name": "shareid",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "disabled",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -110,24 +351,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -151,12 +422,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -171,72 +457,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -249,10 +637,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -266,19 +704,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -293,6 +762,209 @@
     }
   ],
   "events": [
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
     {
       "name": "touchstart",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
@@ -353,6 +1025,56 @@
         }
       ]
     },
+    {
+      "name": "doubleclick",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when a component is double clicked.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when the pinch starts.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when the pinch updates.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when the pinch ends.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "description": [
+        {
+          "name": "Triggered when the pinch is interrupted.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
     {
       "name": "attached",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
diff --git a/api/config/hml/basic/switch.json b/api/config/hml/basic/switch.json
old mode 100755
new mode 100644
index 8fca3c4e67750fc80d370111fd43285704dcb69c..391f5e5062ff66eafc4585c65ed78274916cccaf
--- a/api/config/hml/basic/switch.json
+++ b/api/config/hml/basic/switch.json
@@ -77,62 +77,165 @@
       ],
       "type": "string"
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -147,12 +250,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -166,37 +284,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -214,24 +415,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -255,12 +486,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -275,72 +521,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -355,12 +703,27 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -378,8 +741,20 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -393,19 +768,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -432,131 +838,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/text.json b/api/config/hml/basic/text.json
old mode 100755
new mode 100644
index ea8bd23f6f3e42e1fd0d45cf41291ce684fda228..3a83a99fa8a0e780696cf04d7a99154cb2659976
--- a/api/config/hml/basic/text.json
+++ b/api/config/hml/basic/text.json
@@ -25,6 +25,138 @@
       ],
       "type": "string"
     },
+    {
+      "name": "rotate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "The lower left corner of the font is the rotation angle of the circle center, the positive number is clockwise, and the negative number is counterclockwise.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "font-size",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the size of the text.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "length"
+    },
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font fill color.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "x",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "y",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dy",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set text Y axis offset.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dx",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set text x axis offset.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Draws the font border and specifies the color.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font border width.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font border transparency.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font fill transparency.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
     {
       "name": "id",
       "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
@@ -114,7 +246,7 @@
       ]
     },
     {
-      "name": "data",
+      "name": "data-*",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
@@ -347,132 +479,699 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
+      "name": "opacity",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
+          "name": "",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
       ]
     }
   ],
@@ -483,6 +1182,26 @@
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "level": 1
     },
+    {
+      "name": "animateTransform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "level": 1
+    },
+    {
+      "name": "tspan",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "level": 1
+    },
+    {
+      "name": "textpath",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "level": 1
+    },
+    {
+      "name": "animate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "level": 1
+    },
     {
       "name": "block",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"]
@@ -490,4 +1209,4 @@
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/basic/textarea.json b/api/config/hml/basic/textarea.json
old mode 100755
new mode 100644
index 876839e906875912203313a71e8710f3f818687e..c2518b5823a1181cb3a45078c004dc32097ab5b7
--- a/api/config/hml/basic/textarea.json
+++ b/api/config/hml/basic/textarea.json
@@ -35,7 +35,7 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "headericon",
@@ -47,7 +47,7 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "extend",
@@ -72,10 +72,15 @@
     {
       "name": "value",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Contents of a multiline text box.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
@@ -84,10 +89,15 @@
     {
       "name": "showcounter",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether to enable the count subscript function for the text box. This parameter must be used together with maxlength.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
@@ -104,10 +114,15 @@
     {
       "name": "menuoptions",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Sets the menu items displayed after you click More in the text selection dialog box.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
@@ -116,10 +131,15 @@
     {
       "name": "autofocus",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether to obtain focus automatically.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -136,10 +156,15 @@
     {
       "name": "softkeyboardenabled",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether to display the system soft keyboard during editing.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -156,22 +181,44 @@
     {
       "name": "selectedstart",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Initial selection position when you start selecting text.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
-      "type": "string"
+      "type": "number"
     },
     {
       "name": "selectedend",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "End selection position when starting text selection.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -179,60 +226,151 @@
     },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -247,12 +385,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -266,37 +419,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -314,24 +550,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -355,12 +621,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -375,72 +656,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -453,10 +836,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -470,19 +903,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -509,20 +973,30 @@
     },
     {
       "name": "selectchange",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Event triggered when text selection changes",
+          "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
     },
     {
       "name": "translate",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the translation button is displayed in the text selection dialog box after a text selection operation is performed. After the translation button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
@@ -530,9 +1004,14 @@
     {
       "name": "share",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the Share button is displayed in the text selection dialog box after a text selection operation is performed. After the Share button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
@@ -540,9 +1019,14 @@
     {
       "name": "search",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "",
+          "name": "After this event is set, the search button is displayed in the text selection dialog box after a text selection operation is performed. After the search button is clicked, this callback is triggered to return the selected text content.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
@@ -550,140 +1034,700 @@
     {
       "name": "optionselect",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "",
+          "name": "After the menuoptions attribute is set in the text selection pop-up window, this callback is triggered when a user taps a menu item after text selection. The sequence number of the selected menu item and the selected text content are returned.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/basic/textpath.json b/api/config/hml/basic/textpath.json
new file mode 100644
index 0000000000000000000000000000000000000000..0fb95e818fa93c57f6e572efb8c32687e63e28f8
--- /dev/null
+++ b/api/config/hml/basic/textpath.json
@@ -0,0 +1,142 @@
+{
+  "name": "textpath",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv","wearable"],
+  "description": [
+    {
+      "name": "Draw text along a path.",
+      "supportedDevices": ["phone", "tablet", "tv","wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique identification of the component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "path",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the shape of the path.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "font-size",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the size of the text.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "length"
+    },
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font fill color.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Draws the font border and specifies the color.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font border width.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font border transparency.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "startOffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the starting offset of the text along the path.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font fill transparency.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/toggle.json b/api/config/hml/basic/toggle.json
old mode 100755
new mode 100644
index 9d7c29fe19ab737c8544fc007f856c06498e7960..1197d058ce00c0ace854676ac255c79a061702e3
--- a/api/config/hml/basic/toggle.json
+++ b/api/config/hml/basic/toggle.json
@@ -8,31 +8,31 @@
   "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": []
+      "name": "The status button is used to select from a set of options and may display the results of the selection in real time on the interface. Typically, this set of options consists of status buttons.",
+      "supportedDevices": ["phone", "tablet"]
     }
   ],
   "attributes": [
     {
       "name": "value",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Text value of the toggle component.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "string"
     },
     {
       "name": "checked",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Whether the toggle component is selected.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "enum",
@@ -45,62 +45,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": []
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": []
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -115,12 +218,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": []
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -134,37 +252,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": [],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": []
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -182,24 +383,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -223,12 +454,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -243,48 +489,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": []
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -297,10 +669,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -314,43 +736,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": [],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "string"
     },
     {
-      "name": "tid",
-      "supportedDevices": [],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [],
-      "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -362,158 +791,701 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": [],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": []
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
     {
       "name": "change",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Triggered when the component selection status changes.",
+          "supportedDevices": ["phone", "tablet"]
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": []
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": []
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": []
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": []
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": []
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": []
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": []
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": []
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": []
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": []
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": [],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": []
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -522,4 +1494,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/basic/toolbar-item.json b/api/config/hml/basic/toolbar-item.json
old mode 100755
new mode 100644
index 51de1321d21b78ceea0280ee3b4b40bab674bf03..42a8e3343049c9dfcbe9179fe66cef3b970ae30d
--- a/api/config/hml/basic/toolbar-item.json
+++ b/api/config/hml/basic/toolbar-item.json
@@ -5,94 +5,197 @@
       "name": "v4.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+  "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": []
+      "name": "Toolbar subcomponent. As a toolbar subcomponent, it is used to display an operation option on the toolbar.",
+      "supportedDevices": ["phone", "tablet"]
     }
   ],
   "attributes": [
     {
-      "name": "label",
-      "supportedDevices": [],
+      "name": "value",
+      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Text content of the operation item",
+          "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "string"
     },
     {
       "name": "icon",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet"],
       "required": true,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Icon resource path of the operation item. The icon is displayed in the option text. Local path and cloud path are supported. The format is png, jpg, or svg.",
+          "supportedDevices": ["phone", "tablet"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
     {
       "name": "id",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": []
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": []
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -107,12 +210,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": []
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -126,37 +244,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": [],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": []
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -174,24 +375,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -215,12 +446,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -235,48 +481,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": []
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -289,10 +661,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -306,43 +728,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": [],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "string"
     },
     {
-      "name": "tid",
-      "supportedDevices": [],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [],
-      "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -354,148 +783,691 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": [],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": []
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": []
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": []
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": []
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": []
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": []
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": []
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": []
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": []
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": []
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": []
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": [],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": []
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -504,4 +1476,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/basic/toolbar.json b/api/config/hml/basic/toolbar.json
old mode 100755
new mode 100644
index 19caedf10e393433d09d7ec02372361d7ab8ce86..e39f9a52b74efd9d9ffb2fb768323f607d5f891a
--- a/api/config/hml/basic/toolbar.json
+++ b/api/config/hml/basic/toolbar.json
@@ -8,8 +8,8 @@
   "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": []
+      "name": "Toolbar, which is placed at the bottom of the interface and is used to display the operation options on the current interface.",
+      "supportedDevices": ["phone", "tablet"]
     }
   ],
   "attributes": [
@@ -62,7 +62,7 @@
       "type": "string"
     },
     {
-      "name": "data",
+      "name": "data-*",
       "supportedDevices": [],
       "required": false,
       "description": [
@@ -304,18 +304,7 @@
       "type": "string"
     }
   ],
-  "events": [
-    {
-      "name": "accessibility",
-      "supportedDevices": [],
-      "description": [
-        {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": []
-        }
-      ]
-    }
-  ],
+  "events": [],
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [
     {
@@ -325,4 +314,4 @@
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/basic/tspan.json b/api/config/hml/basic/tspan.json
new file mode 100644
index 0000000000000000000000000000000000000000..ae3a981ab786716ff6b3b2f88a9d300ede633413
--- /dev/null
+++ b/api/config/hml/basic/tspan.json
@@ -0,0 +1,178 @@
+{
+  "name": "tspan",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv","wearable"],
+  "description": [
+    {
+      "name": "",
+      "supportedDevices": ["phone", "tablet", "tv","wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique identification of the component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "rotate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "The bottom left corner of the font is the center of the rotation Angle, positive numbers clockwise, negative numbers counterclockwise",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "font-size",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the size of the text.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "length"
+    },
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font fill color.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "x",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the x-coordinate of the upper left corner of the component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "y",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the Y-axis of the upper left corner of the component. Invalid as a child of TextPath.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dy",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the text Y-axis offset Invalid as a child of TextPath.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "dx",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the text X-axis offset.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Draws the font border and specifies the color.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font border width.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font border transparency.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Font fill transparency.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/basic/web.json b/api/config/hml/basic/web.json
new file mode 100644
index 0000000000000000000000000000000000000000..daaad62e11348318024e0192527ea4a08c748d3c
--- /dev/null
+++ b/api/config/hml/basic/web.json
@@ -0,0 +1,92 @@
+{
+  "name": "web",
+  "version": [
+    {
+      "name": "v6.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv"],
+  "description": [
+    {
+      "name": "Component that displays web page content.",
+      "supportedDevices": ["phone", "tablet", "tv"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "src",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the URL of the web page to be displayed. The domain name of the web page must be HTTPS and archived by the ICP.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [
+    {
+      "name": "pagestart",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "Triggered when a web page is loaded",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
+    {
+      "name": "pagefinish",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "Triggered when web page loading ends",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
+    {
+      "name": "error",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "Triggered when an error occurs in loading a web page or when an error occurs in opening a web page",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
+    {
+      "name": "message",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Triggered when a message sent from a web page is received.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
\ No newline at end of file
diff --git a/api/config/hml/basic/xcomponent.json b/api/config/hml/basic/xcomponent.json
new file mode 100644
index 0000000000000000000000000000000000000000..f516db90b68147cc24e0ec9e0162ed5b59c57520
--- /dev/null
+++ b/api/config/hml/basic/xcomponent.json
@@ -0,0 +1,796 @@
+{
+  "name": "xcomponent",
+  "version": [
+    {
+      "name": "v6.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+  "description": [
+    {
+      "name": "The <xcomponent> component provides plugin components for third-party vendors to develop components.",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "name",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Name of the xcomponent component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "type",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": true,
+      "description": [
+        {
+          "name": "Used to specify the xcomponent surface type.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "texture"
+        },
+        {
+          "name": "camera"
+        }
+      ]
+    },
+    {
+      "name": "libraryname",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used to specify the library file name of napi so.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    }
+  ],
+  "events": [
+    {
+      "name": "load",
+      "supportedDevices": ["phone", "tablet", "tv",  "wearable"],
+      "description": [
+        {
+          "name": "Triggered when plug-in loading is complete.",
+          "supportedDevices": ["phone", "tablet", "tv",  "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "destroy",
+      "supportedDevices": ["phone", "tablet", "tv",  "wearable"],
+      "description": [
+        {
+          "name": "Triggered when plug-in uninstallation is complete.",
+          "supportedDevices": ["phone", "tablet", "tv",  "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "touchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    }
+  ],
+  "supportedSubComponents": false,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/canvas/canvas.json b/api/config/hml/canvas/canvas.json
old mode 100755
new mode 100644
index 9d047ee3ababbebca574aff1741e217ab1b04e9d..a0dcc0d228c51cf1a99cbdd8bbf8143a9253d4fb
--- a/api/config/hml/canvas/canvas.json
+++ b/api/config/hml/canvas/canvas.json
@@ -102,7 +102,7 @@
       ]
     },
     {
-      "name": "data",
+      "name": "data-*",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
@@ -358,131 +358,686 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/badge.json b/api/config/hml/container/badge.json
old mode 100755
new mode 100644
index 8ac8b494368218f9365dbbfa9993b7fdef3012a3..d5f19a2e2a3c214f830359fe7db3b6badf8c250a
--- a/api/config/hml/container/badge.json
+++ b/api/config/hml/container/badge.json
@@ -8,7 +8,7 @@
   "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "",
+      "name": "If there is a new event reminder in the application that needs to be noticed by the user, the new event flag may be used to identify the reminder.",
       "supportedDevices": ["phone", "tablet"]
     }
   ],
@@ -19,11 +19,22 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Position of the digit mark or dot mark of the event reminder. The options are as follows:\nright: It is located in the right pane of the component.\nrightTop: at the upper right corner of the widget border.\nleft: located on the left border of the component.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
-      "type": "string"
+      "type": "enum",
+      "options": [
+        {
+          "name": "right"
+        },
+        {
+          "name": "rightTop"
+        },
+        {
+          "name": "left"
+        }
+      ]
     },
     {
       "name": "count",
@@ -31,7 +42,7 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Number of reminder messages. The default value is 0. If the number of notification messages is greater than 0, the notification message is marked with a number. If the number of notification messages is not set or the number of notification messages is not greater than 0, the notification message is marked with a dot.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
@@ -43,11 +54,19 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether to display message reminders. When a new message reminder is received, this attribute can be set to true, indicating that the corresponding message reminder is displayed. If the number tag type is required, the corresponding count attribute needs to be set.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
-      "type": "boolean"
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
     },
     {
       "name": "maxcount",
@@ -55,7 +74,7 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Maximum number of messages. When a new message notification is received, the number is omitted and only maxcount+ is displayed.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
@@ -67,94 +86,188 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Set the configuration attributes related to the new event flag.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
-      "type": "enum",
-      "options": [
-        {
-          "badgeColor": "#fa2a2d"
-        },
-        {
-          "textColor": "#ffffff"
-        },
-        {
-          "textSize": "10px"
-        },
-        {
-          "badgeSize": "6px"
-        }
-      ]
+      "type": "string"
     },
     {
       "name": "label",
       "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Sets the text value for the new event alert.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -169,12 +282,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -188,37 +316,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -236,24 +447,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -277,12 +518,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -297,48 +553,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -351,10 +733,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -368,43 +800,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "string"
     },
     {
-      "name": "tid",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -416,148 +855,691 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -566,4 +1548,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/container/dialog.json b/api/config/hml/container/dialog.json
old mode 100755
new mode 100644
index c96f479bd753b3fdc6fcc6f0b80b15e9dc32e6d7..620d8fe6a348dfa5d748d6d5a6262ffb6cf1df2c
--- a/api/config/hml/container/dialog.json
+++ b/api/config/hml/container/dialog.json
@@ -14,61 +14,189 @@
   ],
   "attributes": [
     {
-      "name": "id",
+      "name": "dragable",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Specifies whether to provide a drag icon in a pop-up window. Users can use the drag icon to drag the icon.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -82,37 +210,155 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "focusable",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -130,24 +376,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -171,12 +447,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -191,72 +482,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -269,10 +662,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -286,19 +729,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -322,6 +796,36 @@
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ]
+    },
+    {
+      "name": "show",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "This event is triggered when a pop-up window appears.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "close",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "This event is triggered when a pop-up window disappears.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
     }
   ],
   "supportedSubComponents": true,
diff --git a/api/config/hml/container/div.json b/api/config/hml/container/div.json
old mode 100755
new mode 100644
index a0038e943b8bbd1be465663451f78cc4e9580100..8608f00c2429d9e02b6dd10040691c9bfe9d4d10
--- a/api/config/hml/container/div.json
+++ b/api/config/hml/container/div.json
@@ -13,62 +13,165 @@
     }
   ],
   "attributes": [
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -83,12 +186,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -102,37 +220,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -150,24 +351,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -191,12 +422,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -211,72 +457,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -291,12 +639,27 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -314,8 +677,20 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -329,19 +704,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -356,133 +762,748 @@
     }
   ],
   "events": [
+    {
+      "name": "reachstart",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event callback triggered when the page slides to the beginning point. This event is triggered only when flex-direction:row is used.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "reachend",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event callback triggered when the page slides to the end point. This event is triggered only when flex-direction:row is used.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "reachtop",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event callback triggered when the page slides to the topmost point. This event is triggered only when flex-direction:column is used.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
+    {
+      "name": "reachbottom",
+      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event callback triggered when the page slides to the bottom point. This event is triggered only when flex-direction:column is used.",
+          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+        }
+      ]
+    },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/form.json b/api/config/hml/container/form.json
old mode 100755
new mode 100644
index d2d727e22b8932a942d390752e70c3afc7aba95c..2387d29f1f508f808cb47542518fd2cbbc0f2ae9
--- a/api/config/hml/container/form.json
+++ b/api/config/hml/container/form.json
@@ -14,61 +14,164 @@
   ],
   "attributes": [
     {
-      "name": "id",
+      "name": "shareid",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -83,12 +186,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -102,37 +220,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -150,24 +351,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -191,12 +422,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -211,72 +457,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -291,12 +639,27 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -314,8 +677,20 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -329,19 +704,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -378,131 +784,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/list-item-group.json b/api/config/hml/container/list-item-group.json
old mode 100755
new mode 100644
index 6d89d8105cd8c3de40e0051a1e10775b7f6a1dc7..b49affd9693f03a5a53b35915f1d28ae903a5758
--- a/api/config/hml/container/list-item-group.json
+++ b/api/config/hml/container/list-item-group.json
@@ -26,61 +26,164 @@
       "type": "string"
     },
     {
-      "name": "id",
+      "name": "shareid",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -95,12 +198,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain focus. When focusable is set to true, the component can gain focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -114,37 +232,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -162,24 +363,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -203,12 +434,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -223,72 +469,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -301,10 +649,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -318,19 +716,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -377,131 +806,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/list-item.json b/api/config/hml/container/list-item.json
old mode 100755
new mode 100644
index 790e56d84af274a36f74eb87b3c0a9b8c020267c..810da5c101cf7f2351e180c7129dcab200285953
--- a/api/config/hml/container/list-item.json
+++ b/api/config/hml/container/list-item.json
@@ -83,7 +83,7 @@
         },
         {
           "name": "opacity",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": ["wearable"]
         }
       ]
     },
@@ -101,10 +101,15 @@
     {
       "name": "clickeffect",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Sets whether the current item has the click effect.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -118,62 +123,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -188,12 +296,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -207,37 +330,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -255,24 +461,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -296,12 +532,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -316,72 +567,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -394,10 +747,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -411,19 +814,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -435,18 +869,6 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
@@ -462,131 +884,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/list.json b/api/config/hml/container/list.json
old mode 100755
new mode 100644
index cf3db04221b60017b2c456782d7c50ffb1250edb..78de6422e9223b5f3df66e30ed2a2805d3726015
--- a/api/config/hml/container/list.json
+++ b/api/config/hml/container/list.json
@@ -117,6 +117,106 @@
         }
       ]
     },
+    {
+      "name": "indexercircle",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether the index is a ring index.\nThe default value is true for wearable devices and false for other devices. This parameter does not take effect when indexer is set to false.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "indexermulti",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to enable the multi-language function of the index bar. This parameter does not take effect when indexer is set to false.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "indexerbubble",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to enable the bubble prompt for index switching.\nThis parameter does not take effect when indexer is set to false.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "divider",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether an item has a separator. For details about the style, see divider-color, divider-height, divider-length, and divider-origin in the style list.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
     {
       "name": "shapemode",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
@@ -203,6 +303,31 @@
         }
       ]
     },
+    {
+      "name": "chainanimation",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "This parameter specifies whether to enable the chain linkage effect for the current list. After this function is enabled, the chain linkage effect is displayed when the list slides and the top and bottom drags. Chain linkage effect: List-items in a list are separated by a certain distance. Under the basic sliding interaction behavior, the active object drives the driven object to perform linkage. The driving effect follows the physical dynamic effect of the spring.\nfalse: disable chain linkage. true: enable chain linkage.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
     {
       "name": "scrollvibrate",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
@@ -247,62 +372,182 @@
       ],
       "type": "length"
     },
+    {
+      "name": "selected",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Specifies the selected and activated items in the current list. The optional value is the value of the section attribute of list-item.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -317,12 +562,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -336,37 +596,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -384,24 +727,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -425,12 +798,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -445,72 +833,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -524,58 +1014,116 @@
       ]
     },
     {
-      "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
-      "description": [],
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
       "type": "enum",
       "options": [
         {
-          "name": "true"
+          "name": "ltr"
         },
         {
-          "name": "false"
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
         }
       ]
     },
     {
-      "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "elif",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "enum",
       "options": [
         {
-          "name": "ltr"
-        },
-        {
-          "name": "rtl"
+          "name": "true"
         },
         {
-          "name": "auto"
+          "name": "false"
         }
       ]
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -590,6 +1138,16 @@
     }
   ],
   "events": [
+    {
+      "name": "indexerchange",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "description": [
+        {
+          "name": "Multi-language index bar switch event. This parameter is valid only when indexer is set to true and indexermulti is set to true. booleanValue can be true or false.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
     {
       "name": "scroll",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
@@ -626,7 +1184,7 @@
       "description": [
         {
           "name": "Triggered when the list stops scrolling.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": ["phone", "tablet", "tv", "wearable", "smartVision", "liteWearable"]
         }
       ]
     },
@@ -651,132 +1209,702 @@
       ]
     },
     {
-      "name": "touchstart",
+      "name": "rotation",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
+          "name": "Triggered when crown rotates and returns the angle of rotation",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ]
     },
+    {
+      "name": "touchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/panel.json b/api/config/hml/container/panel.json
old mode 100755
new mode 100644
index 373b31b31e9ed49c5205ace2a388fdf60e1dc2ae..bf3659c8f7212ee03682acddcb7f211b3927ca11
--- a/api/config/hml/container/panel.json
+++ b/api/config/hml/container/panel.json
@@ -8,7 +8,7 @@
   "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "",
+      "name": "Sliding panel. Provides a lightweight content display window that can be easily switched between different sizes. It is a pop-up component.",
       "supportedDevices": ["phone", "tablet"]
     }
   ],
@@ -19,11 +19,22 @@
       "required": true,
       "description": [
         {
-          "name": "",
+          "name": "Sets the sliding panel type. The options are as follows:\nMinibar: provides the switchover effect between the minibar and full-screen display.\nfoldable: permanent content display, which supports the switchover effect of large (full-screen), medium (half-screen), and small display. temporary: temporary content display area, which can be switched between large (full-screen) and medium (half-screen).",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
-      "type": "string"
+      "type": "enum",
+      "options": [
+        {
+          "name": "minibar"
+        },
+        {
+          "name": "foldable"
+        },
+        {
+          "name": "temporary"
+        }
+      ]
     },
     {
       "name": "mode",
@@ -31,11 +42,22 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Sets the initial state. The options of mode are as follows:\nmini: indicates the minimum status when the type is minibar or foldable. If the value is temporary, this parameter does not take effect.\nhalf: When the type is foldable or temporary, the half-screen status is similar. If the type is minibar, this parameter does not take effect. full: full-screen mode.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
-      "type": "string"
+      "type": "enum",
+      "options": [
+        {
+          "name": "mini"
+        },
+        {
+          "name": "half"
+        },
+        {
+          "name": "full"
+        }
+      ]
     },
     {
       "name": "dragbar",
@@ -43,11 +65,19 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether the dragbar exists. The value true indicates that the dragbar exists. The value false indicates that the dragbar does not exist.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
-      "type": "boolean"
+      "type": "enum",
+      "options": [
+        {
+          "name": "false"
+        },
+        {
+          "name": "true"
+        }
+      ]
     },
     {
       "name": "fullheight",
@@ -55,10 +85,11 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Specifies the height in full state. The default value is screen size - 8px.",
           "supportedDevices": ["phone", "tablet"]
         }
-      ]
+      ],
+      "type": "length"
     },
     {
       "name": "halfheight",
@@ -66,91 +97,345 @@
       "required": false,
       "description": [
         {
-          "name": "miniheight",
+          "name": "Specifies the height in the half state. The default value is half the screen size.",
           "supportedDevices": ["phone", "tablet"]
         }
-      ]
+      ],
+      "type": "length"
     },
     {
-      "name": "id",
+      "name": "miniheight",
       "supportedDevices": ["phone", "tablet"],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Specifies the height in mini mode. The default value is 48px.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
+      "type": "length"
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "disabled",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -168,24 +453,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -209,12 +524,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -229,48 +559,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -283,10 +739,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -300,43 +806,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "string"
     },
     {
-      "name": "tid",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -348,18 +861,6 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
@@ -368,7 +869,7 @@
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
+          "name": "Triggered when the status of the sliding panel changes. The options of mode are as follows:",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
@@ -388,4 +889,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/container/popup.json b/api/config/hml/container/popup.json
old mode 100755
new mode 100644
index 9346b4ce70f7db3cc52be8d2f457ee500dc2ebdc..108fe63dec5e1fbeee04281e53a6829b253a27fa
--- a/api/config/hml/container/popup.json
+++ b/api/config/hml/container/popup.json
@@ -28,7 +28,7 @@
     {
       "name": "placement",
       "supportedDevices": ["phone", "tablet"],
-      "required": true,
+      "required": false,
       "description": [
         {
           "name": "Position of the popup. Available values are as follows: left: The pop-up is displayed on the left of the target item. right: The pop-up is displayed on the right of the target item. top: The pop-up is displayed at the top of the target item. bottom: The pop-up is displayed at the bottom of the target item. topLeft: The pop-up is displayed on the upper left of the target item. topRight: The pop-up is displayed on the upper right of the target item. bottomLeft: The pop-up is displayed on the bottom left of the target item. bottomRight: The pop-up is displayed on the bottom right of the target item.",
@@ -72,61 +72,231 @@
       ]
     },
     {
-      "name": "id",
+      "name": "keepalive",
       "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Indicates whether the current popup needs to be reserved. If this parameter is set to true, the bubble does not disappear after you click the screen area or switch the page. You need to invoke the hide method of the bubble component to disappear. If this parameter is set to false, the bubble disappears when you tap the screen area or switch the page.",
+          "supportedDevices": ["phone", "tablet"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "clickable",
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Indicates whether to use the pop-up window. If this parameter is set to false, only method invoking is supported.",
+          "supportedDevices": ["phone", "tablet"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "arrowoffset",
+      "supportedDevices": ["phone", "tablet"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Offset of the pupupup arrow in the pop-up window. By default, the pupupup arrow is centered. The positive value is offset based on the language direction. The negative value is reverse.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
+      "type": "length"
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -140,25 +310,264 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "focusable",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "scenelabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -173,72 +582,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -251,10 +762,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -268,19 +829,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -296,102 +888,697 @@
   ],
   "events": [
     {
-      "name": "touchstart",
+      "name": "visibilitychange",
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
+          "name": "This callback function is triggered when a bubble pops up or disappears.",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
     },
+    {
+      "name": "touchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/refresh.json b/api/config/hml/container/refresh.json
old mode 100755
new mode 100644
index fa059b3fd0ce889fb55b3ed384f8a02dc352d1d1..9e9586d4137b51ca49e86c4edeb4af6e4d056cc0
--- a/api/config/hml/container/refresh.json
+++ b/api/config/hml/container/refresh.json
@@ -88,73 +88,194 @@
       ]
     },
     {
-      "name": "friction",
+      "name": "timeoffset",
       "supportedDevices": ["phone", "tablet", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Pull-down friction coefficient. The value ranges from 0 to 100. A larger value indicates a more responsive component. For example, if a user pulls the component down 100 px, it will actually move 100 * friction% px.",
+          "name": "Sets the distance between the update time and the top of the parent component.",
           "supportedDevices": ["phone", "tablet", "wearable"]
         }
       ],
+      "type": "length"
+    },
+
+    {
+      "name": "friction",
+      "supportedDevices": ["phone", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Pull-down friction coefficient. The value ranges from 0 to 100. A larger value indicates a more responsive component. For example, if a user pulls the component down 100 px, it will actually move 100 * friction% px.",
+          "supportedDevices": ["phone", "wearable"]
+        }
+      ],
       "type": "number"
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -169,12 +290,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -188,25 +324,229 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "subscriptflag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -221,72 +561,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -299,10 +741,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -316,19 +808,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
diff --git a/api/config/hml/container/stack.json b/api/config/hml/container/stack.json
old mode 100755
new mode 100644
index fdcfd6a9b3a0ae747fba359576ed818f62dc92f4..95f3b4c1af6b10bf86de554c9b2eac605c3794fb
--- a/api/config/hml/container/stack.json
+++ b/api/config/hml/container/stack.json
@@ -13,62 +13,165 @@
     }
   ],
   "attributes": [
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -83,12 +186,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -102,37 +220,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -150,24 +351,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -191,12 +422,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -211,68 +457,240 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "if",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -286,140 +704,746 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
+    },
+    {
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
     }
   ],
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/stepper-item.json b/api/config/hml/container/stepper-item.json
old mode 100755
new mode 100644
index 59d0e79e5ffe851d535632b9ddbcb423c9a08584..5a00cc4dad7acd8c15a750ae580aad9058112ead
--- a/api/config/hml/container/stepper-item.json
+++ b/api/config/hml/container/stepper-item.json
@@ -8,7 +8,7 @@
   "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "",
+      "name": "The step navigator subcomponent is used as the content display component of a step in the step navigator.",
       "supportedDevices": ["phone", "tablet"]
     }
   ],
@@ -19,68 +19,171 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Attribute of the step prompt text button at the bottom of the Customized Step Navigator, which cannot be dynamically modified. If this property is not defined, the Step Navigator uses the Back and Next text buttons in Chinese locales and the BACK and NEXT text buttons in non-Chinese locales. For the first step, there is no rollback text button. For the last step, the text of the next step is Start (Chinese language) or START (non-Chinese language).",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
       "type": "object"
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -94,37 +197,155 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "focusable",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -142,24 +363,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -183,12 +434,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -203,48 +469,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -257,10 +649,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -274,43 +716,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "string"
     },
     {
-      "name": "tid",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -322,18 +771,6 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": ["phone", "tablet"],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": ["phone", "tablet"]
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
@@ -342,7 +779,7 @@
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
+          "name": "Triggers when this step occurs.",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
@@ -352,138 +789,693 @@
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
+          "name": "Triggers when the step disappears.",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet"],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -492,4 +1484,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/container/stepper.json b/api/config/hml/container/stepper.json
old mode 100755
new mode 100644
index 25373954b65dce6c6332f892f794cd05ab2ddaf2..7de916ca30a74383a959d4cbf264ddab0e63e0e3
--- a/api/config/hml/container/stepper.json
+++ b/api/config/hml/container/stepper.json
@@ -8,7 +8,7 @@
   "supportedDevices": ["phone", "tablet"],
   "description": [
     {
-      "name": "",
+      "name": "Step Navigator. When multiple steps are required to complete a task, you can use the Step Navigator to show the current progress.",
       "supportedDevices": ["phone", "tablet"]
     }
   ],
@@ -19,7 +19,7 @@
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Sets the sequence number of the stepper-item subcomponent to be displayed in the step navigator step.",
           "supportedDevices": ["phone", "tablet"]
         }
       ],
@@ -285,7 +285,7 @@
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
+          "name": "Triggers when the last step of the Step Navigator completes.",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
@@ -295,7 +295,7 @@
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
+          "name": "This event is triggered when the setNextButtonStatus method is used to set the current step navigator to skip, and the skip button is clicked on the right.",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
@@ -305,7 +305,7 @@
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
+          "name": "This event is triggered when the step navigator clicks the text button on the left or right to switch steps. prevIndex indicates the sequence number of the old step, and index indicates the sequence number of the new step.",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
@@ -315,7 +315,7 @@
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
+          "name": "This event is triggered when a subscriber clicks the Next button. index indicates the sequence number of the current step, and pendingIndex indicates the sequence number to be redirected to. This event has a return value in the format of {pendingIndex:pendingIndex}. You can specify pendingIndex to modify which stepper-item subcomponent is used in the next step.",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
@@ -325,18 +325,693 @@
       "supportedDevices": ["phone", "tablet"],
       "description": [
         {
-          "name": "",
+          "name": "This event is triggered when a subscriber clicks the previous button. index indicates the sequence number of the current step, and pendingIndex indicates the sequence number of the jump to. This event has a return value in the Object:{pendingIndex:pendingIndex} format. You can specify pendingIndex to modify which stepper-item subcomponent is used in the previous step.",
           "supportedDevices": ["phone", "tablet"]
         }
       ]
     },
+    {
+      "name": "touchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
     {
       "name": "accessibility",
-      "supportedDevices": ["phone", "tablet"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -350,4 +1025,4 @@
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/container/svg.json b/api/config/hml/container/svg.json
new file mode 100644
index 0000000000000000000000000000000000000000..a7c0103ee249059f53377f71476154357048ab25
--- /dev/null
+++ b/api/config/hml/container/svg.json
@@ -0,0 +1,288 @@
+{
+  "name": "svg",
+  "version": [
+    {
+      "name": "v7.0"
+    }
+  ],
+  "supportedDevices": ["phone", "tablet", "tv","wearable"],
+  "description": [
+    {
+      "name": "The <divider> component is used to separate content blocks and content elements. It can be used for the list or interface layout.",
+      "supportedDevices": ["phone", "tablet", "tv","wearable"]
+    }
+  ],
+  "attributes": [
+    {
+      "name": "fill",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Whether to use the vertical divider. The default value is false, indicating that the horizontal divider is used.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "fill-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "fill-rule",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "nonzero",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "evenodd",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "color"
+    },
+    {
+      "name": "stroke-dasharray",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-dashoffset",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "stroke-linejoin",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "bevel",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "miter",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-linecap",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "butt",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "round",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        },
+        {
+          "name": "square",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
+    {
+      "name": "stroke-miterlimit",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-opacity",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "stroke-width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "transform",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "width",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique identification of the component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "length|percentage"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "height",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the height of the component.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "length|percentage"
+    },
+    {
+      "name": "x",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the x-axis coordinate of the current SVG, and the root SVG node is invalid.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "length|percentage"
+    },
+    {
+      "name": "y",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Set the y-axis coordinate of the current SVG, and the root SVG node is invalid.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "length|percentage"
+    },
+    {
+      "name": "viewBox",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the viewport for the current SVG. The supported format is [number number number> and four parameters respectively represent the inconsistency   between the width height of min-x, min-y, width and height, the width height of viewbox and the width height of SVG, and will be scaled with center alignment.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "length|percentage"
+    }
+  ],
+  "events": [],
+  "supportedSubComponents": true,
+  "supportedSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [],
+  "parentComponentsRestriction": []
+}
diff --git a/api/config/hml/container/swiper.json b/api/config/hml/container/swiper.json
old mode 100755
new mode 100644
index 75b4d79d9f27e5a72b983a709df39d56dee9d324..e5a8b1dc7012c980a2e1f068507ef97d739daadb
--- a/api/config/hml/container/swiper.json
+++ b/api/config/hml/container/swiper.json
@@ -100,10 +100,15 @@
     {
       "name": "digital",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
+          "name": "Indicates whether to enable the digital navigation point. The default value is false.",
           "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
@@ -119,12 +124,17 @@
     },
     {
       "name": "indicatordisabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": ["phone"],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Indicates whether the indicator prohibits user gesture operations. If this parameter is set to true, the indicator does not respond to user taps and drags.",
+          "supportedDevices": ["phone"]
         }
       ],
       "type": "enum",
@@ -201,62 +211,235 @@
         }
       ]
     },
+    {
+      "name": "cachedsize",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the number of sub-elements loaded in front of and back of the current page of the swiper.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "scrolleffect",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the boundary bounce effect.\nSpring: elastic physical action. After sliding to the edge, you can continue sliding for a certain distance based on the initial speed or touch event. When you release the hand, you can spring back.\nFading: The physical effect of fading. When you slide to the edge, a wave-like fading is displayed. The fading also changes according to the speed and sliding distance.\nnone: No effect is displayed when the user slides to the edge.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring"
+        },
+        {
+          "name": "fade"
+        },
+        {
+          "name": "none"
+        }
+      ]
+    },
+    {
+      "name": "displaymode",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the size when the swiper container is on the spindle (Width when sliding horizontally, height when sliding vertically) Display mode in the swiper when the size of the subcomponent is greater than that of the subcomponent.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "stretch"
+        },
+        {
+          "name": "autoLinear"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -271,12 +454,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -290,37 +488,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -338,24 +619,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -379,12 +690,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -399,72 +725,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -479,12 +907,27 @@
     },
     {
       "name": "dir",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Specify the text direction of an element.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -502,8 +945,20 @@
     },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -517,19 +972,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -554,6 +1040,16 @@
         }
       ]
     },
+    {
+      "name": "animationfinish",
+      "supportedDevices": ["phone", "tablet", "tv","wearable"],
+      "description": [
+        {
+          "name": "Trigger event at the end of the swiper animation",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ]
+    },
     {
       "name": "rotation",
       "supportedDevices": ["phone", "tablet", "tv", "wearable"],
@@ -566,137 +1062,696 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
   ],
   "supportedSubComponents": true,
   "supportedSubComponentsRestriction": [],
-  "unSupportSubComponentsRestriction": [],
+  "unSupportSubComponentsRestriction": [
+    {
+      "name": "list"
+    }
+  ],
   "parentComponentsRestriction": []
 }
diff --git a/api/config/hml/container/tab-bar.json b/api/config/hml/container/tab-bar.json
old mode 100755
new mode 100644
index d89a18e401695da458655b18d0ef9828ad142cf4..334ee18c97ead89b9ff5da75a5f54e20e3826d0f
--- a/api/config/hml/container/tab-bar.json
+++ b/api/config/hml/container/tab-bar.json
@@ -33,62 +33,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -103,12 +206,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -122,37 +240,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -170,24 +371,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -211,12 +442,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -231,72 +477,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -309,10 +657,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -326,19 +724,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -355,131 +784,686 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/tab-content.json b/api/config/hml/container/tab-content.json
old mode 100755
new mode 100644
index 0e02f1fb8fd862b052b1ea21ee3d9bb725ba9bd0..fe487cf145e655c1debd0ce01a2c276b2a37dda4
--- a/api/config/hml/container/tab-content.json
+++ b/api/config/hml/container/tab-content.json
@@ -33,62 +33,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -103,12 +206,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -122,37 +240,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -170,24 +371,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -211,12 +442,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -231,72 +477,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -309,10 +657,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -326,19 +724,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -355,131 +784,686 @@
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/container/tabs.json b/api/config/hml/container/tabs.json
old mode 100755
new mode 100644
index cc9982e4f28594c9e316897a1d4f860f69e81cfe..536221bd49c3b40013a9d012207184f43628a75f
--- a/api/config/hml/container/tabs.json
+++ b/api/config/hml/container/tabs.json
@@ -23,7 +23,7 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "url"
+      "type": "number"
     },
     {
       "name": "vertical",
@@ -45,62 +45,165 @@
         }
       ]
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -115,12 +218,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -134,37 +252,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -182,24 +383,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -223,12 +454,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -243,72 +489,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "for",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "tid",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -321,10 +669,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -338,19 +736,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
       "name": "show",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -377,131 +806,686 @@
     },
     {
       "name": "touchstart",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "focus",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "key",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "swipe",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "longpress",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "click",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
diff --git a/api/config/hml/custom/element.json b/api/config/hml/custom/element.json
old mode 100755
new mode 100644
diff --git a/api/config/hml/grid/grid-col.json b/api/config/hml/grid/grid-col.json
old mode 100755
new mode 100644
index 6b2579271e65ef5d51a66937d5a59959f615b715..d8260c8777aa542abe498eef6e0f8e3eaae3dec9
--- a/api/config/hml/grid/grid-col.json
+++ b/api/config/hml/grid/grid-col.json
@@ -5,142 +5,245 @@
       "name": "v4.0"
     }
   ],
-  "supportedDevices": ["phone", "tv"],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": []
+      "name": "grid-col is a subcontainer component of grid layout container grid-row.",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
     }
   ],
   "attributes": [
     {
       "name": "xs",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "When the resolution is XS, set the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "number|object"
     },
     {
       "name": "sm",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "When the resolution is SM, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set both the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "number|object"
     },
     {
       "name": "md",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "When the resolution is set to md, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "number|object"
     },
     {
       "name": "lg",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "When the resolution is lg, this parameter specifies the number of occupied columns and offset columns. When the value is of the number type, only the number of columns is set. You can also set both the number of occupied columns and offset columns through object, for example, {\"span\": 1, \"offset\": 0}.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "number|object"
     },
     {
       "name": "span",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Default number of occupied columns when no explicit breakpoint is set",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "number"
     },
     {
       "name": "offset",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Default number of offset columns when the current element is in the container layout direction when the offset is not set in specific resolution mode.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "number"
     },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": []
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": []
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -155,12 +258,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": []
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -174,37 +292,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": [],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": []
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -222,24 +423,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -263,12 +494,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -283,48 +529,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": []
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -337,10 +709,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -354,43 +776,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": [],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "string"
     },
     {
-      "name": "tid",
-      "supportedDevices": [],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [],
-      "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -402,148 +831,691 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": [],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": []
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": []
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": []
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": []
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": []
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": []
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": []
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": []
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": []
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": []
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": []
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": [],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": []
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -552,4 +1524,4 @@
   "supportedSubComponentsRestriction": [],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/grid/grid-container.json b/api/config/hml/grid/grid-container.json
old mode 100755
new mode 100644
index f72d2cb438da3706f4f20e83a4a9a89377327340..29836a22e056c6ce530e19353e1e84b3870b266e
--- a/api/config/hml/grid/grid-container.json
+++ b/api/config/hml/grid/grid-container.json
@@ -5,106 +5,258 @@
       "name": "v4.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "tv", "liteWearable", "wearable", "smartVision"],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": []
+      "name": "Root node of the grid layout container. Grid-row and gird-col are used for grid layout.",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
     }
   ],
   "attributes": [
     {
       "name": "columns",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Sets the total number of columns in the current layout. When the string type is used, only auto is supported. When the string type is used, the total number of columns is determined based on the current sizetype.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
-      "type": "string | number"
+      "type": "enum",
+      "options": [
+        {
+          "name": "xs"
+        },
+        {
+          "name": "sm"
+        },
+        {
+          "name": "md"
+        },
+        {
+          "name": "lg"
+        }
+      ]
     },
     {
       "name": "sizetype",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Specifies the response size type used by the current grid. The xs, sm, md, and lg types are supported. When auto is used, the xs, sm, md, and lg types are automatically selected based on the current container size.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "string"
     },
     {
       "name": "gutter",
-      "supportedDevices": [],
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
       "required": false,
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "Setting the Gutter Width",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
         }
       ],
       "type": "length"
     },
+    {
+      "name": "gridtemplate",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "When Column and sizetype are set to auto, you can set the layout template of the grid container and set Columns, Gutters, and Margins for different response sizes in the layout module. For details, see the optional values.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "default"
+        },
+        {
+          "name": "grid"
+        }
+      ]
+    },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": []
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": []
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -119,12 +271,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": []
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -138,37 +305,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": [],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": []
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -186,24 +436,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -227,12 +507,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -247,48 +542,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": []
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -301,10 +722,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -318,206 +789,746 @@
     },
     {
       "name": "else",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "string"
     },
     {
-      "name": "for",
-      "supportedDevices": [],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": []
+          "name": "Whether the element is displayed or hidden.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
-      "type": "string"
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+  "events": [
+    {
+      "name": "touchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
     },
     {
-      "name": "tid",
-      "supportedDevices": [],
-      "required": false,
+      "name": "touchmove",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": []
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
       ],
-      "type": "string"
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
     },
     {
-      "name": "show",
-      "supportedDevices": [],
-      "required": false,
+      "name": "touchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": []
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
+      ]
+    },
+    {
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
       ],
-      "type": "enum",
-      "options": [
+      "version": [
         {
-          "name": "true"
-        },
+          "name": "v4.0"
+        }
+      ],
+      "description": [
         {
-          "name": "false"
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "shareid",
-      "supportedDevices": [],
-      "required": false,
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": []
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
       ],
-      "type": "string"
-    }
-  ],
-  "events": [
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
     {
-      "name": " ",
-      "supportedDevices": [],
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "",
-          "supportedDevices": []
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "touchstart",
-      "supportedDevices": [],
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": []
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "touchmove",
-      "supportedDevices": [],
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": []
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "touchcancel",
-      "supportedDevices": [],
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": []
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "touchend",
-      "supportedDevices": [],
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": []
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "click",
-      "supportedDevices": [],
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": []
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "longpress",
-      "supportedDevices": [],
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": []
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": []
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": []
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": []
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": []
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": [],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": []
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -531,4 +1542,4 @@
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/grid/grid-row.json b/api/config/hml/grid/grid-row.json
old mode 100755
new mode 100644
index 6f68aaf5faf18883c5081bf33269869079f6ce54..fb720a0653add046f7ad81fc96c2400f26121bb6
--- a/api/config/hml/grid/grid-row.json
+++ b/api/config/hml/grid/grid-row.json
@@ -5,70 +5,173 @@
       "name": "v4.0"
     }
   ],
-  "supportedDevices": ["phone", "tablet", "tv"],
+  "supportedDevices": ["phone", "tablet", "tv", "wearable"],
   "description": [
     {
-      "name": "",
-      "supportedDevices": []
+      "name": "grid-row is a sub-container component of grid-container. The flex horizontal layout is used to arrange each grid-col container. The default values of justify-content and align-items are flex-start and can be displayed in broken lines.",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"]
     }
   ],
   "attributes": [
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
     {
       "name": "id",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Unique ID of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "style",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style declaration of a component.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "class",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Style class of a component, which is used to refer to a style table.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "ref",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Used to register reference information for elements or child components. The reference information is registered with the parent component on $refs.",
-          "supportedDevices": []
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "disabled",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component is disabled. If the component is disabled, the component cannot respond to user interaction.",
-          "supportedDevices": []
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -83,12 +186,27 @@
     },
     {
       "name": "focusable",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Whether the component can gain the focus. When focusable is set to true, the component can gain the focus if there is a focusable child component. If this attribute is set to false, the component and its child components cannot gain the focus.",
-          "supportedDevices": []
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -102,37 +220,120 @@
       ]
     },
     {
-      "name": "data",
-      "supportedDevices": [],
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Attribute set for components to facilitate data storage and reading.",
-          "supportedDevices": []
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
     {
       "name": "voicelabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered. NOTE: The voice label takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "subscriptflag",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Voice subscript switch. Available values are as follows: auto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off. on: Turn on the voice subscript. off: Turn off the voice subscript. If no customized subscript is set, the subscript is automatically accumulated from 1. NOTE The voice subscript takes effect only when the click event is set.",
-          "supportedDevices": []
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -150,24 +351,54 @@
     },
     {
       "name": "subscriptlabel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "scenelabel",
-      "supportedDevices": ["phone", "tablet", "tv"],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Available values are as follows: video: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc. audio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc. page: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc. switch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc. common: Common scenario, which is triggered by the voiceLabel.",
-          "supportedDevices": ["phone", "tablet", "tv"]
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -191,12 +422,27 @@
     },
     {
       "name": "accessibilitygroup",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "enum",
@@ -211,48 +457,174 @@
     },
     {
       "name": "accessibilitytext",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilitydescription",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "accessibilityimportance",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents. yes: The current component is selectable for the accessibility service. no: The current component is not selectable for the accessibility service.",
-          "supportedDevices": []
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "string"
     },
     {
       "name": "if",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
           "name": "Whether the element is added or removed.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -265,10 +637,60 @@
         }
       ]
     },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
     {
       "name": "elif",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [],
       "type": "enum",
       "options": [
@@ -282,43 +704,50 @@
     },
     {
       "name": "else",
-      "supportedDevices": [],
-      "required": false,
-      "description": [],
-      "type": "string"
-    },
-    {
-      "name": "for",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "Expands the current element based on the configured data list.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
+      "description": [],
       "type": "string"
     },
     {
-      "name": "tid",
-      "supportedDevices": [],
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
       "required": false,
-      "description": [
+      "version": [
         {
-          "name": "The tid attribute is used to accelerate the for loop. It is used to improve the re-rendering efficiency when data in a loop changes. The tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid='id' indicates that the id attribute of each element is its unique identifier.",
-          "supportedDevices": []
+          "name": "v4.0"
         }
       ],
-      "type": "string"
-    },
-    {
-      "name": "show",
-      "supportedDevices": [],
-      "required": false,
       "description": [
         {
           "name": "Whether the element is displayed or hidden.",
-          "supportedDevices": []
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ],
       "type": "enum",
@@ -330,148 +759,691 @@
           "name": "false"
         }
       ]
-    },
-    {
-      "name": "shareid",
-      "supportedDevices": [],
-      "required": false,
-      "description": [
-        {
-          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
-          "supportedDevices": []
-        }
-      ],
-      "type": "string"
     }
   ],
   "events": [
     {
       "name": "touchstart",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping starts.",
-          "supportedDevices": []
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchmove",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping moves.",
-          "supportedDevices": []
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchcancel",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping is interrupted.",
-          "supportedDevices": []
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "touchend",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the tapping ends.",
-          "supportedDevices": []
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "click",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is clicked.",
-          "supportedDevices": []
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "longpress",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a component is long pressed.",
-          "supportedDevices": []
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
       "name": "focus",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component gains focus. The <span> component cannot gain focus.",
-          "supportedDevices": []
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "blur",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when the component loses focus. The <span> component cannot lose focus.",
-          "supportedDevices": []
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "key",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The key event is specific to smart TVs and is triggered when a user presses a key on the remote control. If the return value is true, the page processes the key event; If the return value is false, the default key event processing logic is used; If no value is returned, false is used as the return value.",
-          "supportedDevices": []
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
       "name": "swipe",
-      "supportedDevices": [],
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
       "description": [
         {
-          "name": "Triggered when a user quickly slides on a component.",
-          "supportedDevices": []
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
         }
       ]
     },
     {
-      "name": "accessibility",
-      "supportedDevices": [],
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "Event dispatched by the accessibility service.",
-          "supportedDevices": []
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "attached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is attached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     },
     {
-      "name": "detached",
-      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
       "description": [
         {
-          "name": "The event will be called when the render node is detached on the tree.",
-          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
         }
       ]
     }
@@ -485,4 +1457,4 @@
   ],
   "unSupportSubComponentsRestriction": [],
   "parentComponentsRestriction": []
-}
\ No newline at end of file
+}
diff --git a/api/config/hml/hml-json-schema.json b/api/config/hml/hml-json-schema.json
old mode 100755
new mode 100644
diff --git a/api/config/hml/media/camera.json b/api/config/hml/media/camera.json
new file mode 100644
index 0000000000000000000000000000000000000000..82a8afa9e6afa1aa9f9ec122fa3381dfaf699667
--- /dev/null
+++ b/api/config/hml/media/camera.json
@@ -0,0 +1,1508 @@
+{
+    "name": "camera",
+    "version": [
+      {
+        "name": "v6.0"
+      }
+    ],
+    "supportedDevices": ["phone","smartVision"],
+    "description": [
+      {
+        "name": "Camera component, which provides the preview and photographing functions.",
+        "supportedDevices": ["phone","smartVision"]
+      }
+    ],
+    "attributes": [
+      {
+        "name": "flash",
+        "supportedDevices": ["phone","smartVision"],
+        "required": false,
+        "description": [
+          {
+            "name": "Indicates the flashlight. The value can be on, off, or torch (the flashlight is always on).",
+            "supportedDevices": ["phone","smartVision"]
+          }
+        ],
+        "type": "enum",
+        "options": [
+          {
+            "name": "on"
+          },
+          {
+            "name": "off"
+          },
+          {
+            "name": "torch"
+          }
+        ]
+      },
+      {
+        "name": "deviceposition",
+        "supportedDevices": ["phone","smartVision"],
+        "required": false,
+        "description": [
+          {
+            "name": "Front or back. The value can be front or back.",
+            "supportedDevices": ["phone","smartVision"]
+          }
+        ],
+        "type": "enum",
+        "options": [
+          {
+            "name": "front"
+          },
+          {
+            "name": "back"
+          }
+        ]
+      },
+    {
+      "name": "shareid",
+      "supportedDevices": ["phone", "tablet", "tv", "wearable"],
+      "required": false,
+      "description": [
+        {
+          "name": "Used for the transition of shared elements and takes effect only when it is configured. This attribute cannot be modified after being set. list-item, image, text, button, label components are supported for the transition of shared elements.",
+          "supportedDevices": ["phone", "tablet", "tv", "wearable"]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "id",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Unique ID of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "style",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style declaration of a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "class",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Style class of a component, which is used to refer to a style table.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "ref",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "disabled",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component is disabled. If it is disabled, it cannot respond to user interaction.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "focusable",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether a component can gain focus. When focusable is set to true, the component can respond to focus events and key events. If a key event or click event is set for the component, this attribute is set to true automatically.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "data-*",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Attribute set for a component to facilitate data storage and reading.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "click-effect",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Click effect complying with spring physics. Available values are as follows:\nspring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.\nspring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "spring-small"
+        },
+        {
+          "name": "spring-medium"
+        },
+        {
+          "name": "spring-large"
+        }
+      ]
+    },
+    {
+      "name": "voicelabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice label. When a voice label is triggered, the click event of the component is triggered.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "subscriptflag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Voice subscript switch. Available values are as follows:\nauto: For the <image> and <list-item> components, if subscriptflag is set to auto, the voice subscript is turned on. For other components, if subscriptflag is set to auto, the voice subscript is turned off.\non: Turn on the voice subscript.\noff: Turn off the voice subscript.If no customized subscript is set, the subscript is automatically accumulated from 1.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "auto"
+        },
+        {
+          "name": "on"
+        },
+        {
+          "name": "off"
+        }
+      ]
+    },
+    {
+      "name": "subscriptlabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Custom subscript. After it is set, the subscript is displayed in the way you specified. To make this attribute take effect, you need to turn on the voice subscript.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "scenelabel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Available values are as follows:\nvideo: Video scenario. For example, to watch a video, a user can say the voiceLabel (usually the video name), play voiceLabel, see voiceLabel, or watch voiceLabel, etc.\naudio: Music scenario. For example, to listen to a song, a user can say the voiceLabel (usually the song name), play voiceLabel, or listen voiceLabel, etc.\npage: Page scenario. For example, to go to a page, a user can say the voiceLabel (usually the page name), switch to voiceLabel, go to voiceLabel, or jump to voiceLabel, etc.\nswitch: Switch scenario. For example, to turn on or turn off a switch, a user can say the voiceLabel (usually the switch name), turn on voiceLabel, open voiceLabel, turn off voiceLabel, close voiceLabel, etc.common: Common scenario, which is triggered by the voiceLabel.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "video"
+        },
+        {
+          "name": "audio"
+        },
+        {
+          "name": "page"
+        },
+        {
+          "name": "switch"
+        },
+        {
+          "name": "common"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitygroup",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility group. If this attribute is set to true, the component and all its child components form an entire selectable component, and the accessibility service will no longer available for the content of its child components.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "accessibilitytext",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility text. If a component does not contain text information, it will not be read when the component is selected by the screen reader. In this case, the screen reader user cannot know which component is selected. To solve this problem, you can set this attribute for components without text information. When the component is selected by the screen reader, the specified accessibility text will be read, informing the user which component is selected. If a component with this attribute set contains text information, only the accessibility text will be read.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilitydescription",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility description. You can specify further explanation of the current component, for example, possible operation consequences, especially those cannot be learned from component attributes and accessibility text. You can set a detailed description text for the attribute of the component to help users understand the operation to be performed. If a component contains both text information and the accessibility description, the text is read first and then the accessibility description, when the component is selected.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "accessibilityimportance",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Accessibility importance, which is used to decide whether a component can be identified by the accessibility service. The value can be auto, yes, no, or no-hide-descendants. The last value forces the screen reader to ignore the current component and all its subcomponents.\nyes: The current component is selectable for the accessibility service.no: The current component is not selectable for the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "for",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Expands the current element based on the configured data list.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "tid",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tid attribute accelerates the for loop and improves the re-rendering efficiency when data in a loop changes.\nThe tid attribute specifies the unique ID of each element in the array. If it is not specified, the index of each element in the array is used as the ID. For example, tid=\"id\" indicates that the id attribute of each element is its unique ID.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "string"
+    },
+    {
+      "name": "if",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is added or removed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "dir",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Sets the element layout mode. The rtl, ltr, and auto attributes can be set.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "ltr"
+        },
+        {
+          "name": "rtl"
+        },
+        {
+          "name": "auto"
+        }
+      ]
+    },
+    {
+      "name": "elif",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    },
+    {
+      "name": "else",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [],
+      "type": "string"
+    },
+    {
+      "name": "show",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "required": false,
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Whether the element is displayed or hidden.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ],
+      "type": "enum",
+      "options": [
+        {
+          "name": "true"
+        },
+        {
+          "name": "false"
+        }
+      ]
+    }
+  ],
+    "events": [
+      {
+        "name": "error",
+        "supportedDevices": ["phone","smartVision"],
+        "description": [
+          {
+            "name": "Triggered when the user is not allowed to use the camera.",
+            "supportedDevices": ["phone","smartVision"]
+          }
+        ]
+      },
+    {
+      "name": "touchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping starts",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchmove",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping moves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "touchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The tapping ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "click",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "longpress",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is long pressed.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "doubleclick",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component is double clicked.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch updates.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The pinch is interrupted.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "focus",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component gains focus. The <span> component cannot gain focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "blur",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A component loses focus. The <span> component cannot lose focus.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "key",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user presses a key on the remote control. Available return values are as follows:\ntrue: returned if the page processes the key event.\nfalse: returned if the default logic is used to process the key event.\nIf no value is returned, false is used as the return value.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "swipe",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v5.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "A user quickly swipes on a component.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "attached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is mounted to the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "detached",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The current component is removed from the render tree.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "accessibility",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "wearable"
+      ],
+      "version": [
+        {
+          "name": "v4.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "Event dispatched by the accessibility service.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "wearable"
+          ]
+        }
+      ]
+    }
+  ],
+    "supportedSubComponents": false,
+    "supportedSubComponentsRestriction": [],
+    "unSupportSubComponentsRestriction": [],
+    "parentComponentsRestriction": []
+  }
diff --git a/api/config/hml/media/video.json b/api/config/hml/media/video.json
old mode 100755
new mode 100644
index 2ace6e535080dfe94f2a2a4b79370e9f1dd3c96c..34e5abc471c2d50c6b29f88167498fb37f003c27
--- a/api/config/hml/media/video.json
+++ b/api/config/hml/media/video.json
@@ -43,7 +43,7 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "autoplay",
@@ -75,11 +75,16 @@
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
-      "type": "url"
+      "type": "string"
     },
     {
       "name": "loop",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
@@ -118,41 +123,81 @@
       ]
     },
     {
-      "name": "id",
+      "name": "starttime",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Unique ID of a component.",
+          "name": "Where the video starts playing.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "direction",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
+      "required": false,
+      "description": [
+        {
+          "name": "Controls the layout mode of the Video component in full-screen mode. Set this parameter tovertical. Set this parameter tohorizontal. Set this parameter to auto. In full-screen mode, the video is displayed in landscape or portrait mode based on the width and height. If this parameter is set to adapt, the video is displayed in landscape or portrait mode based on the device direction.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
       "type": "string"
     },
     {
-      "name": "style",
+      "name": "speed",
       "supportedDevices": ["phone", "tablet", "tv"],
+      "version": [
+        {
+          "name": "v6.0"
+        }
+      ],
       "required": false,
       "description": [
         {
-          "name": "Style declaration of a component.",
+          "name": "Controls the video playback speed. A larger value indicates a faster video playback speed.The value ranges from 0.1 to 20.0. The precision is float.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ],
+      "type": "number"
+    },
+    {
+      "name": "id",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "required": false,
+      "description": [
+        {
+          "name": "Unique ID of a component.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
       "type": "string"
     },
     {
-      "name": "starttime",
+      "name": "style",
       "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
         {
-          "name": "Where the video starts playing.",
+          "name": "Style declaration of a component.",
           "supportedDevices": ["phone", "tablet", "tv"]
         }
       ],
       "type": "string"
     },
+
     {
       "name": "class",
       "supportedDevices": ["phone", "tablet", "tv"],
@@ -218,7 +263,7 @@
       ]
     },
     {
-      "name": "data",
+      "name": "data-*",
       "supportedDevices": ["phone", "tablet", "tv"],
       "required": false,
       "description": [
@@ -449,6 +494,209 @@
     }
   ],
   "events": [
+    {
+      "name": "drag",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The duration of drag.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragstart",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag starts.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragend",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag ends.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragenter",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag enters.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragover",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag overs.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "dragleave",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag leaves.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
+    {
+      "name": "drop",
+      "supportedDevices": [
+        "phone",
+        "tablet",
+        "tv",
+        "liteWearable",
+        "wearable",
+        "smartVision"
+      ],
+      "version": [
+        {
+          "name": "v7.0"
+        }
+      ],
+      "description": [
+        {
+          "name": "The drag drops.",
+          "supportedDevices": [
+            "phone",
+            "tablet",
+            "tv",
+            "liteWearable",
+            "wearable",
+            "smartVision"
+          ]
+        }
+      ]
+    },
     {
       "name": "prepared",
       "supportedDevices": ["phone", "tablet", "tv"],
@@ -529,6 +777,16 @@
         }
       ]
     },
+    {
+      "name": "stop",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "This event is triggered when a request is made to stop playing a video. The stop event is not triggered when the finish event is triggered.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
     {
       "name": "fullscreenchange",
       "supportedDevices": ["phone", "tablet", "tv"],
@@ -639,6 +897,56 @@
         }
       ]
     },
+    {
+      "name": "doubleclick",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "Triggered when a component is double clicked.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
+    {
+      "name": "pinchstart",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "Triggered when the pinch starts.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
+    {
+      "name": "pinchupdate",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "Triggered when the pinch updates.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
+    {
+      "name": "pinchend",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "Triggered when the pinch ends.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
+    {
+      "name": "pinchcancel",
+      "supportedDevices": ["phone", "tablet", "tv"],
+      "description": [
+        {
+          "name": "Triggered when the pinch is interrupted.",
+          "supportedDevices": ["phone", "tablet", "tv"]
+        }
+      ]
+    },
     {
       "name": "blur",
       "supportedDevices": ["phone", "tablet", "tv"],
diff --git a/api/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..33865d0e6b348e93c08ca7ed3b1fc9a41bbed29e 100644
--- a/api/form/hml/basic/calendar.json
+++ b/api/form/hml/basic/calendar.json
@@ -5,34 +5,34 @@
       "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": "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 +47,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 +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,21 +347,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/liteWearable/@internal/index.d.ts b/api/liteWearable/@internal/index.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8712a2be0c6d8bd7db0dfa187cd0f1cfc2af817c
--- /dev/null
+++ b/api/liteWearable/@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/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..da3ed195608ec9ef12cea983a2f9e106f6aa908e
--- /dev/null
+++ b/api/liteWearable/@system.device.d.ts
@@ -0,0 +1,135 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface DeviceResponse {
+  /**
+   * Brand.
+   * @since 3
+   */
+  brand: string;
+
+  /**
+   * Manufacturer.
+   * @since 3
+   */
+  manufacturer: string;
+
+  /**
+   * Model.
+   * @since 3
+   */
+  model: string;
+
+  /**
+   * Product.
+   * @since 3
+   */
+  product: string;
+
+  /**
+   * System language.
+   * @since 4
+   */
+  language: string;
+
+  /**
+   * System region.
+   * @since 4
+   */
+  region: string;
+
+  /**
+   * Window width.
+   * @since 3
+   */
+  windowWidth: number;
+
+  /**
+   * Window height.
+   * @since 3
+   */
+  windowHeight: number;
+
+  /**
+   * Screen density of the device.
+   * @since 4
+   */
+  screenDensity: number;
+
+  /**
+   * Screen shape The options are as follows:
+   * 1. rect: Rectangle screen
+   * 2. circle: Circle screen
+   * @since 4
+   */
+  screenShape: string;
+
+  /**
+   * API version.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  apiVersion: number;
+
+  /**
+   * Device type. The options are as follows:
+   * phone: smartphone
+   * tablet: tablet
+   * tv: smart TV
+   * wearable: wearable
+   * liteWearable: lite wearable
+   * ar: AR
+   * vr: virtual reality
+   * earphones: headset
+   * pc: personal computer
+   * speaker: speaker
+   * smartVision: smart visual device
+   * linkIoT: connection module
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  deviceType: string;
+}
+
+export interface GetDeviceOptions {
+  /**
+   * Called when the device information is obtained.
+   * @since 3
+   */
+  success?: (data: DeviceResponse) => void;
+
+  /**
+   * Called when the device information fails to be obtained.
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngineLite
+ */
+export default class Device {
+  /**
+   * Obtains the device information.
+   * @param options Options.
+   */
+  static getInfo(options?: GetDeviceOptions): void;
+}
diff --git a/api/liteWearable/@system.file.d.ts b/api/liteWearable/@system.file.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..fdbce98685ffd25329bf97927ee67f041a213d54
--- /dev/null
+++ b/api/liteWearable/@system.file.d.ts
@@ -0,0 +1,570 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface FileResponse {
+  /**
+   * File URI.
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * File size, in bytes.
+   * If type is dir, the length value is fixed to 0.
+   * @since 3
+   */
+  length: number;
+
+  /**
+   * Timestamp when the file is stored, which is the number of milliseconds elapsed since 1970/01/01 00:00:00 GMT.
+   * For lite wearables, the value is fixed to 0, because this parameter is restricted by the underlying file system.
+   * @since 3
+   */
+  lastModifiedTime: number;
+
+  /**
+   * File type. Available values are as follows:
+   * dir: directory
+   * file: file
+   * @since 3
+   */
+  type: "dir" | "file";
+
+  /**
+   * File list.
+   * When the recursive value is true and the type is dir, the file information under the subdirectory will be returned.
+   * Otherwise, no value will be returned.
+   * @since 3
+   */
+  subFiles?: Array<FileResponse>;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngineLite
+ */
+export default class File {
+  /**
+   * Moves a specified file to a given location.
+   * @param options Options.
+   */
+  static move(options: {
+    /**
+     * URI of the file to move.
+     * Restricted by the underlying file system of lite wearabless, the value must meet the following requirements:
+     * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * 2. The maximum number of characters allowed is 128.
+     * @since 3
+     */
+    srcUri: string;
+
+    /**
+     * URI of the location to which the file is to move.
+     * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+     * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * 2. The maximum number of characters allowed is 128.
+     * @since 3
+     */
+    dstUri: string;
+
+    /**
+     * Called when the source file is moved to the specified location successfully.
+     * This function returns the URI of the file moved to the target location.
+     * @since 3
+     */
+    success?: (uri: string) => void;
+
+    /**
+     * Called when moving fails.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Copies a file and save the copy to a specified location.
+   * @param options Options.
+   */
+  static copy(options: {
+    /**
+     * URI of the file to copy.
+     * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+     * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * 2. The maximum number of characters allowed is 128.
+     * @since 3
+     */
+    srcUri: string;
+
+    /**
+     * URI of the location to which the copy is to save.
+     * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+     * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * 2. The maximum number of characters allowed is 128.
+     * @since 3
+     */
+    dstUri: string;
+
+    /**
+     * Called when the source file is copied and saved to the specified location successfully.
+     * This function returns the URI of the file saved to the target location.
+     * @since 3
+     */
+    success?: (uri: string) => void;
+
+    /**
+     * Called when the copy or save operation fails.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the list of all files in a specified directory.
+   * @param options Options.
+   */
+  static list(options: {
+    /**
+     * URI of the directory.
+     * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+     * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * 2. The maximum number of characters allowed is 128.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Called when the list is obtained successfully.
+     * @since 3
+     */
+    success?: (data: { fileList: Array<FileResponse> }) => void;
+
+    /**
+     * Called when the list fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains information about a specified local file.
+   * @param options Options.
+   */
+  static get(options: {
+    /**
+     * File URI, which cannot be an application resource path.
+     * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+     * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * 2. The maximum number of characters allowed is 128.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Whether to recursively obtain the file list under a subdirectory.
+     * The default value is false.
+     * @since 3
+     */
+    recursive?: boolean;
+
+    /**
+     * Called when file information is obtained successfully.
+     * @since 3
+     */
+    success?: (file: FileResponse) => void;
+
+    /**
+     * Called when file information fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Deletes a local file.
+   * @param options Options.
+   */
+  static delete(options: {
+    /**
+     * URI of the file to be deleted, which cannot be an application resource path.
+     * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+     * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * 2. The maximum number of characters allowed is 128.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Called when local files are deleted successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the deletion fails.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Writes texts into a specified file.
+   * @param options Options.
+   */
+  static writeText(options: {
+    /**
+     * URI of a local file. If it does not exist, a file will be created.
+     * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+     * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * 2. The maximum number of characters allowed is 128.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Character string to write into the local file.
+     * @since 3
+     */
+    text: string;
+
+    /**
+     * Encoding format. The default format is UTF-8.
+     * Currently, only UTF-8 is supported.
+     * @since 3
+     */
+    encoding?: string;
+
+    /**
+     * Whether to enable the append mode.
+     * The default value is false.
+     * @since 3
+     */
+    append?: boolean;
+
+    /**
+     * Called when texts are written into a file successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when texts fail to be written into a file.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Reads texts from a specified file.
+   * @param options Options.
+   */
+  static readText(options: {
+    /**
+     * URI of a local file.
+     * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+     * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * 2. The maximum number of characters allowed is 128.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Encoding format. The default format is UTF-8.
+     * Currently, only UTF-8 is supported.
+     * @since 3
+     */
+    encoding?: string;
+
+    /**
+     * Position where the reading starts.
+     * The default value is the start position of the file.
+     * @since 3
+     */
+    position?: number;
+
+    /**
+     * Position where the reading starts.
+     * The default value is the start position of the file.
+     * @since 3
+     */
+    length?: number;
+
+    /**
+     * Called when texts are read successfully.
+     * @since 3
+     */
+    success?: (data: { text: string }) => void;
+
+    /**
+     * Called when texts fail to be read.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Writes buffer data into a specified file.
+   * @param options Options.
+   */
+  static writeArrayBuffer(options: {
+    /**
+     * URI of a local file. If it does not exist, a file will be created.
+     * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+     * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * 2. The maximum number of characters allowed is 128.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Buffer from which the data is derived.
+     * @since 3
+     */
+    buffer: Uint8Array;
+
+    /**
+     * Offset to the position where the writing starts.
+     * The default value is 0.
+     * @since 3
+     */
+    position?: number;
+
+    /**
+     * Whether to enable the append mode. The default value is false.
+     * If the value is true, the position parameter will become invalid.
+     * @since 3
+     */
+    append?: boolean;
+
+    /**
+     * Called when data from a buffer is written into a file successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when data from a buffer fails to be written into a file.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Reads buffer data from a specified file.
+   * @param options Options.
+   */
+  static readArrayBuffer(options: {
+    /**
+     * URI of a local file.
+     * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+     * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * 2. The maximum number of characters allowed is 128.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Position where the reading starts.
+     * The default value is the start position of the file.
+     * @since 3
+     */
+    position?: number;
+
+    /**
+     * Length of the content to read.
+     * If this parameter is not set, all content of the file will be read.
+     * @since 3
+     */
+    length?: number;
+
+    /**
+     * Called when the buffer data is read successfully.
+     * @since 3
+     */
+    success?: (data: { buffer: Uint8Array }) => void;
+
+    /**
+     * Called when the buffer data fails to be read.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Checks whether a specified file or directory exists.
+   * @param options Options.
+   */
+  static access(options: {
+    /**
+     * URI of the directory or file.
+     * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+     * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * 2. The maximum number of characters allowed is 128.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Called when the check result is obtained successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the check fails.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Create a specified directory.
+   * @param options Options.
+   */
+  static mkdir(options: {
+    /**
+     * URI of the directory.
+     * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+     * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * 2. The maximum number of characters allowed is 128.
+     * 3. A maximum of five recursions are allowed for creating the directory.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Whether to recursively create upper-level directories of the specified directory.
+     * The default value is false.
+     * @since 3
+     */
+    recursive?: boolean;
+
+    /**
+     * Called when the directory is created successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the creation fails.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Deletes a specified directory.
+   * @param options Options.
+   */
+  static rmdir(options: {
+    /**
+     * URI of the directory.
+     * Restricted by the underlying file system of lite wearables, the value must meet the following requirements:
+     * 1. The URI cannot contain special characters such as \/"*+,:;<=>?[]|\x7F.
+     * 2. The maximum number of characters allowed is 128.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Whether to recursively delete sub files and subdirectories of the specified directory.
+     * The default value is false.
+     * @since 3
+     */
+    recursive?: boolean;
+
+    /**
+     * Called when the directory is deleted successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the deletion fails.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/liteWearable/@system.geolocation.d.ts b/api/liteWearable/@system.geolocation.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..233f483a9ae4857a2e1c918350875dd45e259b28
--- /dev/null
+++ b/api/liteWearable/@system.geolocation.d.ts
@@ -0,0 +1,159 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface GeolocationResponse {
+  /**
+   * Longitude.
+   * @since 3
+   */
+  longitude: number;
+
+  /**
+   * Latitude.
+   * @since 3
+   */
+  latitude: number;
+
+  /**
+   * Location accuracy.
+   * @since 3
+   */
+  accuracy: number;
+
+  /**
+   * Time when the location is obtained.
+   * @since 3
+   */
+  time: number;
+}
+
+export interface GetLocationTypeResponse {
+  /**
+   * Available location types, ['gps']
+   * @since 3
+   */
+  types: Array<string>;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngineLite
+ */
+export default class Geolocation {
+  /**
+   * Obtains the geographic location.
+   * @param options Options.
+   */
+  static getLocation(options?: {
+    /**
+     * Timeout duration, in milliseconds. The default value is 180000.
+     * The timeout duration is necessary in case no result is returned
+     * if the request to obtain the geographic location is rejected for the lack of the required permission,
+     * weak positioning signal, or incorrect location settings.
+     * After the timeout duration expires, the fail function will be called.
+     * The value is a 32-digit positive integer.
+     * If the value set is less than or equal to 0, the default value will be used.
+     * @since 3
+     */
+    timeout?: number;
+
+    /**
+     * Coordinate system type.
+     * Available types can be obtained using getSupportedCoordTypes.
+     * The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographic location is obtained.
+     * @since 3
+     */
+    success?: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the supported location types.
+   * @param options Options.
+   */
+  static getLocationType(options?: {
+    /**
+     * Called when the location types are obtained
+     * @since 3
+     */
+    success?: (data: GetLocationTypeResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to the geographical location.
+   * If this method is called multiple times, the last call takes effect.
+   * @param options Options.
+   */
+  static subscribe(options: {
+    /**
+     * Coordinate system type.
+     * Available types can be obtained using getSupportedCoordTypes.
+     * The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called whenever the geographical location changes.
+     * @since 3
+     */
+    success: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: string, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to the geographical location.
+   */
+  static unsubscribe(): void;
+
+  /**
+   * Obtains coordinate system types supported by the device.
+   * @returns A string array of the supported coordinate system types.
+   */
+  static getSupportedCoordTypes(): Array<string>;
+}
diff --git a/api/liteWearable/@system.router.d.ts b/api/liteWearable/@system.router.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6435e2e6930ef8268b9059d2bab8fd478d57d5bc
--- /dev/null
+++ b/api/liteWearable/@system.router.d.ts
@@ -0,0 +1,47 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface RouterOptions {
+  /**
+   * URI of the destination page, which supports the following formats:
+   * 1. Absolute path of the page, which is provided by the pages list in the config.json file.
+   *    Example:
+  *       a. pages/index/index
+   *      b. pages/detail/detail
+   * 2. Particular path. If the URI is a slash (/), the home page is displayed.
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Data that needs to be passed to the destination page during navigation.
+   * After the destination page is displayed, the parameter can be directly used for the page.
+   * For example, this.data1 (data1 is the key value of the params used for page navigation.)
+   * @since 3
+   */
+  params?: object;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngineLite
+ */
+export default class Router {
+  /**
+   * Replaces the current page with another one in the application.
+   * The current page is destroyed after replacement.
+   * @param route route options.
+   */
+  static replace(route: RouterOptions): void;
+}
diff --git a/api/liteWearable/@system.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/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..7ce278bc590266b266e437d6da5cd2134bc5de40 100644
--- a/api/phone/@system.device.d.ts
+++ b/api/phone/@system.device.d.ts
@@ -1,133 +1,133 @@
-/*
- * Copyright (c) 2020 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export interface DeviceResponse {
-  /**
-   * Brand.
-   * @since 3
-   */
-  brand: string;
-
-  /**
-   * Manufacturer.
-   * @since 3
-   */
-  manufacturer: string;
-
-  /**
-   * Model.
-   * @since 3
-   */
-  model: string;
-
-  /**
-   * Product number.
-   * @since 3
-   */
-  product: string;
-
-  /**
-   * System language.
-   * @since 4
-   */
-  language: string;
-
-  /**
-   * System region.
-   * @since 4
-   */
-  region: string;
-
-  /**
-   * Window width.
-   * @since 3
-   */
-  windowWidth: number;
-
-  /**
-   * Window Height.
-   * @since 3
-   */
-  windowHeight: number;
-
-  /**
-   * Screen density.
-   * @since 4
-   */
-  screenDensity: number;
-
-  /**
-   * Screen shape. The options are as follows:
-   * rect: Rectangle screen.
-   * cicle: Circle screen.
-   * @since 4
-   */
-  screenShape: "rect" | "circle";
-
-    /**
-   * API version.
-   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
-   * @since 4
-   */
-  apiVersion: number;
-
-  /**
-   * Device type. The options are as follows:
-   * phone: smartphone
-   * tablet: tablet
-   * tv: smart TV
-   * wearable: wearable
-   * liteWearable: lite wearable
-   * ar: AR
-   * vr: virtual reality
-   * earphones: headset
-   * pc: personal computer
-   * speaker: speaker
-   * smartVision: smart visual device
-   * linkIoT: connection module
-   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
-   * @since 4
-   */
-  deviceType: string;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Device {
-  /**
-   * Obtains the device information.
-   * @param options
-   */
-  static getInfo(options?: {
-    /**
-     * Called when the device information is obtained.
-     * @since 3
-     */
-    success?: (data: DeviceResponse) => void;
-
-    /**
-     * Called when the device information fails to be obtained.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-}
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface DeviceResponse {
+  /**
+   * Brand.
+   * @since 3
+   */
+  brand: string;
+
+  /**
+   * Manufacturer.
+   * @since 3
+   */
+  manufacturer: string;
+
+  /**
+   * Model.
+   * @since 3
+   */
+  model: string;
+
+  /**
+   * Product number.
+   * @since 3
+   */
+  product: string;
+
+  /**
+   * System language.
+   * @since 4
+   */
+  language: string;
+
+  /**
+   * System region.
+   * @since 4
+   */
+  region: string;
+
+  /**
+   * Window width.
+   * @since 3
+   */
+  windowWidth: number;
+
+  /**
+   * Window Height.
+   * @since 3
+   */
+  windowHeight: number;
+
+  /**
+   * Screen density.
+   * @since 4
+   */
+  screenDensity: number;
+
+  /**
+   * Screen shape. The options are as follows:
+   * rect: Rectangle screen.
+   * cicle: Circle screen.
+   * @since 4
+   */
+  screenShape: "rect" | "circle";
+
+    /**
+   * API version.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  apiVersion: number;
+
+  /**
+   * Device type. The options are as follows:
+   * phone: smartphone
+   * tablet: tablet
+   * tv: smart TV
+   * wearable: wearable
+   * liteWearable: lite wearable
+   * ar: AR
+   * vr: virtual reality
+   * earphones: headset
+   * pc: personal computer
+   * speaker: speaker
+   * smartVision: smart visual device
+   * linkIoT: connection module
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  deviceType: string;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Device {
+  /**
+   * Obtains the device information.
+   * @param options
+   */
+  static getInfo(options?: {
+    /**
+     * Called when the device information is obtained.
+     * @since 3
+     */
+    success?: (data: DeviceResponse) => void;
+
+    /**
+     * Called when the device information fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/phone/@system.geolocation.d.ts b/api/phone/@system.geolocation.d.ts
index 44ba6164c687ee6864e4876b70a24f6efe2787fb..28bd231ad04dadcf6d6cad4747055864fbefaab5 100644
--- a/api/phone/@system.geolocation.d.ts
+++ b/api/phone/@system.geolocation.d.ts
@@ -1,156 +1,156 @@
-/*
- * Copyright (c) 2020 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export interface GeolocationResponse {
-  /**
-   * Longitude.
-   * @since 3
-   */
-  longitude: number;
-
-  /**
-   * Latitude.
-   * @since 3
-   */
-  latitude: number;
-
-  /**
-   * Altitude.
-   * @since 3
-   */
-  altitude: number;
-
-  /**
-   * Location accuracy.
-   * @since 3
-   */
-  accuracy: number;
-
-  /**
-   * Time when the location is obtained.
-   * @since 3
-   */
-  time: number;
-}
-
-export interface GetLocationTypeResponse {
-  /**
-   * Available location types, ['gps', 'network'].
-   * @since 3
-   */
-  types: Array<string>;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Geolocation {
-  /**
-   * Obtains the geographic location.
-   * @param options
-   */
-  static getLocation(options?: {
-    /**
-     * Timeout duration, in milliseconds. The default value is 30000.
-     * The timeout duration is necessary in case no result is returned if the request to obtain the geographic location is rejected for the lack of the required permission, weak positioning signal, or incorrect location settings. After the timeout duration expires, the fail function will be called.
-     * The value is a 32-digit positive integer. If the value set is less than or equal to 0, the default value will be used.
-     * @since 3
-     */
-    timeout?: number;
-
-    /**
-     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
-     * @since 3
-     */
-    coordType?: string;
-
-    /**
-     * Called when the geographic location is obtained.
-     * @since 3
-     */
-    success?: (data: GeolocationResponse) => void;
-
-    /**
-     * Called when the location types fail to be obtained
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Obtains the supported location types.
-   * @param options
-   */
-  static getLocationType(options?: {
-    /**
-     * Called when the location types are obtained.
-     * @since 3
-     */
-    success?: (data: GetLocationTypeResponse) => void;
-
-    /**
-     * Called when the location types fail to be obtained.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-
-    /**
-     * Called when the execution is completed.
-     * @since 3
-     */
-    complete?: () => void;
-  }): void;
-
-  /**
-   * Listens to the geographical location. If this method is called multiple times, the last call takes effect.
-   * @param options
-   */
-  static subscribe(options: {
-    /**
-     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
-     * @since 3
-     */
-    coordType?: string;
-
-    /**
-     * Called when the geographical location changes.
-     * @since 3
-     */
-    success: (data: GeolocationResponse) => void;
-
-    /**
-     * Called when the listening fails.
-     * @since 3
-     */
-    fail?: (data: any, code: number) => void;
-  }): void;
-
-  /**
-   * Cancels listening to the geographical location.
-   */
-  static unsubscribe(): void;
-
-  /**
-   * Obtains coordinate system types supported by the device.
-   * @returns A string array of the supported coordinate system types. For details about the value, see coordType.
-   */
-  static getSupportedCoordTypes(): Array<string>;
-}
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface GeolocationResponse {
+  /**
+   * Longitude.
+   * @since 3
+   */
+  longitude: number;
+
+  /**
+   * Latitude.
+   * @since 3
+   */
+  latitude: number;
+
+  /**
+   * Altitude.
+   * @since 3
+   */
+  altitude: number;
+
+  /**
+   * Location accuracy.
+   * @since 3
+   */
+  accuracy: number;
+
+  /**
+   * Time when the location is obtained.
+   * @since 3
+   */
+  time: number;
+}
+
+export interface GetLocationTypeResponse {
+  /**
+   * Available location types, ['gps', 'network'].
+   * @since 3
+   */
+  types: Array<string>;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Geolocation {
+  /**
+   * Obtains the geographic location.
+   * @param options
+   */
+  static getLocation(options?: {
+    /**
+     * Timeout duration, in milliseconds. The default value is 30000.
+     * The timeout duration is necessary in case no result is returned if the request to obtain the geographic location is rejected for the lack of the required permission, weak positioning signal, or incorrect location settings. After the timeout duration expires, the fail function will be called.
+     * The value is a 32-digit positive integer. If the value set is less than or equal to 0, the default value will be used.
+     * @since 3
+     */
+    timeout?: number;
+
+    /**
+     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographic location is obtained.
+     * @since 3
+     */
+    success?: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the supported location types.
+   * @param options
+   */
+  static getLocationType(options?: {
+    /**
+     * Called when the location types are obtained.
+     * @since 3
+     */
+    success?: (data: GetLocationTypeResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to the geographical location. If this method is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribe(options: {
+    /**
+     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographical location changes.
+     * @since 3
+     */
+    success: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to the geographical location.
+   */
+  static unsubscribe(): void;
+
+  /**
+   * Obtains coordinate system types supported by the device.
+   * @returns A string array of the supported coordinate system types. For details about the value, see coordType.
+   */
+  static getSupportedCoordTypes(): Array<string>;
+}
diff --git a/api/phone/@system.mediaquery.d.ts b/api/phone/@system.mediaquery.d.ts
index da3f223c51ebf6d21ea1cc88072a2f05e3b98b1c..35900d83dcca34a6245047dabb55141e593259ed 100644
--- a/api/phone/@system.mediaquery.d.ts
+++ b/api/phone/@system.mediaquery.d.ts
@@ -1,63 +1,63 @@
-/*
- * Copyright (c) 2020 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export interface MediaQueryEvent {
-  matches: boolean;
-}
-
-export interface MediaQueryList {
-  /**
-  * Serialized media query condition.
-  * This parameter is read-only.
-  * @since 3
-  */
-  media?: string;
-
-  /**
-  * Whether the query is successful. True if the query condition is matched successfully, false otherwise.
-  * This parameter is read-only.
-  * @since 3
-  */
-  matches?: boolean;
-
-  /**
-  * Called when the matches value changes.
-  * @since 3
-  */
-  onchange?: (matches: boolean) => void;
-
-  /**
-   * Adds a listening function to MediaQueryList.
-   * The listening function must be added before onShow is called, that is, added to the onInit or onReady function.
-   * @since 3
-   */
-  addListener(callback: (event: MediaQueryEvent) => void): void;
-
-  /**
-   * Removes a listening function from MediaQueryList.
-   * @since 3
-   */
-  removeListener(callback: (event: MediaQueryEvent) => void): void;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class MediaQuery {
-  /**
-   * Queries a media item and returns a MediaQueryList object.
-   */
-  static matchMedia(condition: string): MediaQueryList;
-}
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface MediaQueryEvent {
+  matches: boolean;
+}
+
+export interface MediaQueryList {
+  /**
+  * Serialized media query condition.
+  * This parameter is read-only.
+  * @since 3
+  */
+  media?: string;
+
+  /**
+  * Whether the query is successful. True if the query condition is matched successfully, false otherwise.
+  * This parameter is read-only.
+  * @since 3
+  */
+  matches?: boolean;
+
+  /**
+  * Called when the matches value changes.
+  * @since 3
+  */
+  onchange?: (matches: boolean) => void;
+
+  /**
+   * Adds a listening function to MediaQueryList.
+   * The listening function must be added before onShow is called, that is, added to the onInit or onReady function.
+   * @since 3
+   */
+  addListener(callback: (event: MediaQueryEvent) => void): void;
+
+  /**
+   * Removes a listening function from MediaQueryList.
+   * @since 3
+   */
+  removeListener(callback: (event: MediaQueryEvent) => void): void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class MediaQuery {
+  /**
+   * Queries a media item and returns a MediaQueryList object.
+   */
+  static matchMedia(condition: string): MediaQueryList;
+}
diff --git a/api/phone/@system.notification.d.ts b/api/phone/@system.notification.d.ts
index 8066d0769d05eefc8071295e02235a7c0de91aab..795a88c5ed4ba37e640eccbada81e90b9c428a13 100644
--- a/api/phone/@system.notification.d.ts
+++ b/api/phone/@system.notification.d.ts
@@ -1,69 +1,69 @@
-/*
- * Copyright (c) 2020 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export interface ActionResult {
-  /**
-   * Bundle name of the application to be redirected to after the notification is clicked.
-   * @since 3
-   */
-  bundleName: string;
-
-  /**
-   * Ability name of the application to be redirected to after the notification is clicked.
-   * @since 3
-   */
-  abilityName: string;
-
-  /**
-   * URI of the page to be redirected to. The supported URI formats are as follows:
-   * 1. Absolute path of the page, which is provided by the pages list in the config.json file. Example:
-   * pages/index/index
-   * pages/detail/detail
-   * 2. Particular path. If the value is a slash (/), the home page is displayed.
-   * @since 3
-   */
-  uri: string;
-}
-
-export interface ShowNotificationOptions {
-  /**
-   * Notification title.
-   * @since 3
-   */
-  contentTitle?: string;
-
-  /**
-   * Notification content.
-   * @since 3
-   */
-  contentText?: string;
-
-  /**
-   * Action triggered after the notification is clicked.
-   * @since 3
-   */
-  clickAction?: ActionResult;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Notification {
-    /**
-     * Displays the notification.
-     * @param options
-     */
-    static show(options?: ShowNotificationOptions): void;
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface ActionResult {
+  /**
+   * Bundle name of the application to be redirected to after the notification is clicked.
+   * @since 3
+   */
+  bundleName: string;
+
+  /**
+   * Ability name of the application to be redirected to after the notification is clicked.
+   * @since 3
+   */
+  abilityName: string;
+
+  /**
+   * URI of the page to be redirected to. The supported URI formats are as follows:
+   * 1. Absolute path of the page, which is provided by the pages list in the config.json file. Example:
+   * pages/index/index
+   * pages/detail/detail
+   * 2. Particular path. If the value is a slash (/), the home page is displayed.
+   * @since 3
+   */
+  uri: string;
+}
+
+export interface ShowNotificationOptions {
+  /**
+   * Notification title.
+   * @since 3
+   */
+  contentTitle?: string;
+
+  /**
+   * Notification content.
+   * @since 3
+   */
+  contentText?: string;
+
+  /**
+   * Action triggered after the notification is clicked.
+   * @since 3
+   */
+  clickAction?: ActionResult;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Notification {
+    /**
+     * Displays the notification.
+     * @param options
+     */
+    static show(options?: ShowNotificationOptions): void;
 }
\ No newline at end of file
diff --git a/api/phone/@system.prompt.d.ts b/api/phone/@system.prompt.d.ts
index 9223d1b2b95479e19e5302c5188f92e3d5d22649..72f4ae0349a9d484621d4d7a05a54a512ffeea2c 100644
--- a/api/phone/@system.prompt.d.ts
+++ b/api/phone/@system.prompt.d.ts
@@ -1,138 +1,138 @@
-/*
- * Copyright (c) 2020 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export interface ShowToastOptions {
-  /**
-   * Text to display.
-   * @since 3
-   */
-  message: string;
-
-  /**
-   * Duration of toast dialog box. The default value is 1500. The recommended value ranges from 1500 ms to 10000ms.
-   * NOTE:
-   * A value less than 1500 is automatically changed to 1500. The maximum value is 10000 ms.
-   * @since 3
-   */
-  duration?: number;
-
-  /**
-   * The distance between toast dialog box and the bottom of screen.
-   * @since 5
-   */
-  bottom?: string | number;
-}
-
-export interface Button {
-  text: string;
-  color: string;
-}
-
-export interface ShowDialogOptions {
-  /**
-   * Title of the text to display.
-   * @since 3
-   */
-  title?: string;
-
-  /**
-   * Text body.
-   * @since 3
-   */
-  message?: string;
-
-  /**
-   * Array of buttons in the dialog box.
-   * The array structure is {text:'button', color: '#666666'}.
-   * One to three buttons are supported. The first button is of the positiveButton type, the second is of the negativeButton type, and the third is of the neutralButton type.
-   * @since 3
-   */
-  buttons?: [Button, Button?, Button?];
-
-  /**
-   * Called when the dialog box is displayed.
-   * @since 3
-   */
-  success?: (data: { index: number }) => void;
-
-  /**
-   * Called when the operation is cancelled.
-   * @since 3
-   */
-  cancel?: (data: string, code: string) => void;
-
-  /**
-   * Called when the dialog box is closed.
-   * @since 3
-   */
-  complete?: (data: string) => void;
-}
-
-export interface ShowActionMenuOptions {
-  /**
-   * Title of the text to display.
-   * @since 6
-   */
-  title?: string;
-
-  /**
-   * Array of buttons in the dialog box.
-   * The array structure is {text:'button', color: '#666666'}.
-   * One to six buttons are supported.
-   * @since 6
-   */
-  buttons: [Button, Button?, Button?, Button?, Button?, Button?];
-
-  /**
-   * Called when the dialog box is displayed.
-   * @since 6
-   */
-  success?: (tapIndex: number, errMsg: string) => void;
-
-  /**
-   * Called when the operation is cancelled.
-   * @since 6
-   */
-  fail?: (errMsg: string) => void;
-
-  /**
-   * Called when the dialog box is closed.
-   * @since 6
-   */
-  complete?: () => void;
-}
-
-/**
- * @Syscap SysCap.ACE.UIEngine
- */
-export default class Prompt {
-  /**
-   * Displays the notification text.
-   * @param toast
-   */
-  static showToast(toast: ShowToastOptions): void;
-
-  /**
-   * Displays the dialog box.
-   * @param dialog
-   */
-  static showDialog(dialog: ShowDialogOptions): void;
-
-    /**
-   * Displays the menu.
-   * @param options Options.
-   */
-  static showActionMenu(options: ShowActionMenuOptions): void;
-}
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface ShowToastOptions {
+  /**
+   * Text to display.
+   * @since 3
+   */
+  message: string;
+
+  /**
+   * Duration of toast dialog box. The default value is 1500. The recommended value ranges from 1500 ms to 10000ms.
+   * NOTE:
+   * A value less than 1500 is automatically changed to 1500. The maximum value is 10000 ms.
+   * @since 3
+   */
+  duration?: number;
+
+  /**
+   * The distance between toast dialog box and the bottom of screen.
+   * @since 5
+   */
+  bottom?: string | number;
+}
+
+export interface Button {
+  text: string;
+  color: string;
+}
+
+export interface ShowDialogOptions {
+  /**
+   * Title of the text to display.
+   * @since 3
+   */
+  title?: string;
+
+  /**
+   * Text body.
+   * @since 3
+   */
+  message?: string;
+
+  /**
+   * Array of buttons in the dialog box.
+   * The array structure is {text:'button', color: '#666666'}.
+   * One to three buttons are supported. The first button is of the positiveButton type, the second is of the negativeButton type, and the third is of the neutralButton type.
+   * @since 3
+   */
+  buttons?: [Button, Button?, Button?];
+
+  /**
+   * Called when the dialog box is displayed.
+   * @since 3
+   */
+  success?: (data: { index: number }) => void;
+
+  /**
+   * Called when the operation is cancelled.
+   * @since 3
+   */
+  cancel?: (data: string, code: string) => void;
+
+  /**
+   * Called when the dialog box is closed.
+   * @since 3
+   */
+  complete?: (data: string) => void;
+}
+
+export interface ShowActionMenuOptions {
+  /**
+   * Title of the text to display.
+   * @since 6
+   */
+  title?: string;
+
+  /**
+   * Array of buttons in the dialog box.
+   * The array structure is {text:'button', color: '#666666'}.
+   * One to six buttons are supported.
+   * @since 6
+   */
+  buttons: [Button, Button?, Button?, Button?, Button?, Button?];
+
+  /**
+   * Called when the dialog box is displayed.
+   * @since 6
+   */
+  success?: (tapIndex: number, errMsg: string) => void;
+
+  /**
+   * Called when the operation is cancelled.
+   * @since 6
+   */
+  fail?: (errMsg: string) => void;
+
+  /**
+   * Called when the dialog box is closed.
+   * @since 6
+   */
+  complete?: () => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Prompt {
+  /**
+   * Displays the notification text.
+   * @param toast
+   */
+  static showToast(toast: ShowToastOptions): void;
+
+  /**
+   * Displays the dialog box.
+   * @param dialog
+   */
+  static showDialog(dialog: ShowDialogOptions): void;
+
+    /**
+   * Displays the menu.
+   * @param options Options.
+   */
+  static showActionMenu(options: ShowActionMenuOptions): void;
+}
diff --git a/api/phone/@system.router.d.ts b/api/phone/@system.router.d.ts
index 14394e0696e2ab6b45c33d0226486e953af5a1fb..c245c5b63345b26c48203d6e95023a2d0c7cf942 100644
--- a/api/phone/@system.router.d.ts
+++ b/api/phone/@system.router.d.ts
@@ -34,6 +34,23 @@ export interface RouterOptions {
   params?: Object;
 }
 
+export interface BackRouterOptions {
+  /**
+   * Returns to the page of the specified path.
+   * If the page with the specified path does not exist in the page stack, router.back() is called by default.
+   * @devices tv, phone, tablet, wearable
+   * @since 7
+   */
+  uri?: string;
+
+  /**
+   * Data that needs to be passed to the destination page during navigation.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
+   */
+  params?: Object;
+}
+
 export interface RouterState {
   /**
    * Index of the current page in the stack.NOTE:The index starts from 1 from the bottom to the top of the stack.
@@ -121,7 +138,7 @@ export default class Router {
    * @param obj
    * @since 7
    */
-  static back(options?: RouterOptions): void;
+  static back(options?: BackRouterOptions): void;
 
   /**
    * Obtains information about the current page params.
diff --git a/api/phone/@system.sensor.d.ts b/api/phone/@system.sensor.d.ts
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/smartVision/@internal/index.d.ts b/api/smartVision/@internal/index.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1121f0af6f4a6eef510a81c1d6f267dc15093406
--- /dev/null
+++ b/api/smartVision/@internal/index.d.ts
@@ -0,0 +1,18 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export * from './viewmodel';
+export * from './console';
+export * from './global';
\ No newline at end of file
diff --git a/api/smartVision/@internal/viewmodel.d.ts b/api/smartVision/@internal/viewmodel.d.ts
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/tablet/@internal/index.d.ts b/api/tablet/@internal/index.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8712a2be0c6d8bd7db0dfa187cd0f1cfc2af817c
--- /dev/null
+++ b/api/tablet/@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/tablet/@internal/viewmodel.d.ts b/api/tablet/@internal/viewmodel.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d2dfe1c838b4fef2e6b0efc60883ad209fc09ee2
--- /dev/null
+++ b/api/tablet/@internal/viewmodel.d.ts
@@ -0,0 +1,2316 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Image, ImageData } from "./global";
+import { WebGLContextAttributes, WebGLRenderingContext } from "../webgl/webgl";
+import { WebGL2RenderingContext } from "../webgl/webgl2";
+
+export interface FocusParamObj {
+  focus: boolean;
+}
+
+export interface RectObj {
+  width: number;
+
+  height: number;
+
+  left: number;
+
+  top: number;
+}
+
+export interface ContextAttrOptions {
+  antialias: boolean;
+}
+
+export interface AnimateStyle {
+  /**
+   * Width value applied to the component after the animation is executed.
+   */
+  width: number;
+  /**
+   * Height value applied to the component after the animation is executed.
+   */
+  height: number;
+  /**
+   * left offset applied to the component after the animation is executed.
+   */
+  left: number;
+  /**
+   * top offset applied to the component after the animation is executed.
+   */
+  top: number;
+  /**
+   * right offset applied to the component after the animation is executed.
+   */
+  right: number;
+  /**
+   * bottom offset applied to the component after the animation is executed.
+   */
+  bottom: number;
+  /**
+   * Background color applied to the component after the animation is executed.
+   * The default value is none.
+   */
+  backgroundColor: string;
+  /**
+   * Opacity applied to the component. The value ranges from 0 to 1.
+   * The default value is 1.
+   */
+  opacity: number;
+  /**
+   * The value format is "x y", in percentage or pixels.
+   * The first value indicates the horizontal position, and the second value indicates the vertical position.
+   * If only one value is specified, the other value is 50% by default.
+   */
+  backgroundPosition: string;
+  /**
+   * Origin position of the transformed element.
+   * The first value indicates the x-axis position. The value can be left, center, right, a length, or percentage.
+   * The second value indicates the y-axis position. The value can be top, center, bottom, a length, or a percentage.
+   */
+  transformOrigin: string;
+  /**
+   * Transformation type applied to an element.
+   */
+  transform: "none" | TransformObject;
+  /**
+   * The value of offset must be within (0.0,1.0] and sorted in ascending order if it is provided.
+   * If there are only two frames, offset can be left empty.
+   * If there are more than two frames, offset is mandatory.
+   */
+  offset?: number;
+}
+
+export interface TransformObject {
+  /**
+   * Defines a 2D transformation, using a matrix of six values..
+   * @param scaleX the scale value for x-axis
+   * @param skewX the skew value for y-axis
+   * @param skewY the skew value for x-axis
+   * @param scaleY the scale value for y-axis
+   * @param translateX the translate value for x-axis
+   * @param translateY the translate value for y-axis
+   */
+  matrix(
+    scaleX: number,
+    skewX: number,
+    skewY: number,
+    scaleY: number,
+    translateX: number,
+    translateY: number): void;
+  /**
+   * Defines a 3D transformation using a 4x4 matrix of 16 values.
+   * @param n00 the value of the 0 row and 0 column of the 4x4 matrix
+   * @param n01 the value of the 0 row and 1 column of the 4x4 matrix
+   * @param n02 the value of the 0 row and 2 column of the 4x4 matrix
+   * @param n03 the value of the 0 row and 3 column of the 4x4 matrix
+   * @param n10 the value of the 1 row and 0 column of the 4x4 matrix
+   * @param n11 the value of the 1 row and 1 column of the 4x4 matrix
+   * @param n12 the value of the 1 row and 2 column of the 4x4 matrix
+   * @param n13 the value of the 1 row and 3 column of the 4x4 matrix
+   * @param n20 the value of the 2 row and 0 column of the 4x4 matrix
+   * @param n21 the value of the 2 row and 1 column of the 4x4 matrix
+   * @param n22 the value of the 2 row and 2 column of the 4x4 matrix
+   * @param n23 the value of the 2 row and 3 column of the 4x4 matrix
+   * @param n30 the value of the 3 row and 0 column of the 4x4 matrix
+   * @param n31 the value of the 3 row and 1 column of the 4x4 matrix
+   * @param n32 the value of the 3 row and 2 column of the 4x4 matrix
+   * @param n33 the value of the 3 row and 3 column of the 4x4 matrix
+   */
+  matrix3d(n00: number, n01: number, n02: number, n03: number,
+    n10: number, n11: number, n12: number, n13: number,
+    n20: number, n21: number, n22: number, n23: number,
+    n30: number, n31: number, n32: number, n33: number): void;
+  /**
+   * Defines 2D transformations for translation of the X and Y axes
+   * @param x the translate value for x-axis
+   * @param y the translate value for y-axis
+   */
+  translate(x: number, y: number): void;
+  /**
+   * Defines 3D transformations for translation of the X / Y / Z axes
+   * @param x the translate value for x-axis
+   * @param y the translate value for y-axis
+   * @param z the translate value for z-axis
+   */
+  translate3d(x: number, y: number, z: number): void;
+  /**
+   * Defines 2D transformations for translation of the X axes
+   * @param x the translate value for x-axis
+   */
+  translateX(x: number): void;
+  /**
+   * Defines 2D transformations for translation of the Y axes
+   * @param y the translate value for y-axis
+   */
+  translateY(y: number): void;
+  /**
+   * Defines 3D transformations for translation of the Z axes
+   * @param z the translate value for z-axis
+   */
+  translateZ(z: number): void;
+  /**
+   * Defines 2D transformations for scaling of the X and Y axes
+   * @param x the scale value for x-axis
+   * @param y the scale value for y-axis
+   */
+  scale(x: number, y: number): void;
+  /**
+   * Defines 3D transformations for scaling of the X / Y / Z axes
+   * @param x the scale value for x-axis
+   * @param y the scale value for y-axis
+   * @param z the scale value for z-axis
+   */
+  scale3d(x: number, y: number, z: number): void;
+  /**
+   * Defines 2D transformations for scaling of the X axes
+   * @param x the scale value for x-axis
+   */
+  scaleX(x: number): void;
+  /**
+   * Defines 2D transformations for scaling of the Y axes
+   * @param y the scale value for y-axis
+   */
+  scaleY(y: number): void;
+  /**
+   * Defines 3D transformations for scaling of the Z axes
+   * @param z the scale value for z-axis
+   */
+  scaleZ(z: number): void;
+  /**
+   * Define the 2D rotation and specify the angle in the parameters.
+   * @param angle the rotate value for z-axis
+   */
+  rotate(angle: number): void;
+  /**
+   * Defines a 3D transformation for rotating the X / Y / Z axes.
+   * @param x the vector value of the x-axis
+   * @param y the vector value of the y-axis
+   * @param z the vector value of the z-axis
+   * @param angle the rotate value for x&y&z vector.
+   */
+  rotate3d(x: number, y: number, z: number, angle: number): void;
+  /**
+   * Defines 3D transformations for rotating of the X axes.
+   * @param x the scale value for x-axis
+   */
+  rotateX(angle: number): void;
+  /**
+   * Defines 3D transformations for rotating of the Y axes.
+   * @param y the scale value for y-axis
+   */
+  rotateY(angle: number): void;
+  /**
+   * Defines 3D transformations for rotating of the Z axes.
+   * @param z the scale value for z-axis
+   */
+  rotateZ(angle: number): void;
+  /**
+   * Defines the 2D skew transition along the X and Y axes.
+   * @param xAngle the angle of inclination along the x axis.
+   * @param yAngle the angle of inclination along the y axis.
+   */
+  skew(xAngle: number, yAngle: number): void;
+  /**
+   * Defines the 2D skew transition along the X axes.
+   * @param angle the angle of inclination along the x axis.
+   */
+  skewX(angle: number): void;
+  /**
+   * Defines the 2D skew transition along the Y axes.
+   * @param angle the angle of inclination along the y axis.
+   */
+  skewY(angle: number): void;
+  /**
+   * Defines a perspective view for the 3D transformation element.
+   * @param n the vertical distance from the observation point to the component plane.
+   */
+  perspective(verticalDistance: number): void;
+}
+
+export interface AnimateOptions {
+  /**
+   * Duration of the animation, in milliseconds.
+   * The default value is 0.
+   */
+  duration: number;
+
+  /**
+   * Time curve of the animation. For details about the supported types.
+   * linear The animation speed keeps unchanged.
+   * ease The animation starts and ends at a low speed, cubic-bezier(0.25, 0.1, 0.25, 1.0).
+   * ease-in The animation starts at a low speed, cubic-bezier(0.42, 0.0, 1.0, 1.0).
+   * ease-out The animation ends at a low speed, cubic-bezier(0.0, 0.0, 0.58, 1.0).
+   * ease-in-out The animation starts and ends at a low speed, cubic-bezier(0.42, 0.0, 0.58, 1.0).
+   * fast-out-slow-in Standard curve, cubic-bezier(0.4, 0.0, 0.2, 1.0).
+   * linear-out-slow-in Deceleration curve, cubic-bezier(0.0, 0.0, 0.2, 1.0).
+   * fast-out-linear-in Acceleration curve, cubic-bezier(0.4, 0.0, 1.0, 1.0).
+   * friction Damping curve, cubic-bezier(0.2, 0.0, 0.2, 1.0).
+   * extreme-deceleration Extreme deceleration curve, cubic-bezier(0.0, 0.0, 0.0, 1.0).
+   * sharp Sharp curve, cubic-bezier(0.33, 0.0, 0.67, 1.0).
+   * rhythm Rhythm curve, cubic-bezier(0.7, 0.0, 0.2, 1.0).
+   * smooth Smooth curve, cubic-bezier(0.4, 0.0, 0.4, 1.0).
+   * cubic-bezier(x1, y1, x2, y2) You can customize an animation speed curve in the cubic-bezier() function. The x and y values of each input parameter must be between 0 and 1.
+   * Step curve. The number must be set and only an integer is supported, step-position is optional. It can be set to start or end. The default value is end.
+   * The default value is ease.
+   */
+  easing: string;
+
+  /**
+   * Delay for the animation start. The default value indicates no delay.
+   * The default value is 0.
+   */
+  delay: number;
+
+  /**
+   * Number of times the animation will be played. number indicates a fixed number of playback operations, and Infinity indicates an unlimited number of playback operations.
+   * The default value is 1.
+   */
+  iterations: number | string;
+
+  /**
+   * The animation playback mode.
+   * The default value is "normal".
+   */
+  direction: "normal" | "reverse" | "alternate" | "alternate-reverse";
+
+  /**
+   * Whether to resume to the initial state after the animation is executed.
+   * none: The initial state is restored after the animation is executed.
+   * forwards: The state at the end of the animation (defined in the last key frame) is retained after the animation is executed.
+   */
+  fill: "none" | "forwards" | "backwards" | "both";
+}
+
+export interface AnimationResult {
+  /**
+   * Read-only attribute, which indicates whether the animation playback is complete.
+   */
+  finished: boolean;
+  /**
+   * Read-only attribute, which indicates whether an animation is waiting for the completion of other asynchronous operations (for example, start an animation with a delay).
+   */
+  pending: boolean;
+  /**
+   * Animation running state:
+   * idle: The animation is not running (playback ended or not started).
+   * running: The animation is running.
+   * paused: The animation is paused.
+   * finished: Animation playback ends.
+   */
+  playstate: string;
+  /**
+   * Animation start time. This attribute is similar to that of delay in the options parameters.
+   */
+  startTime: number;
+  /**
+   * Starts the animation.
+   */
+  play(): void;
+  /**
+   * Ends the animation.
+   */
+  finish(): void;
+  /**
+   * Pauses the animation.
+   */
+  pause(): void;
+  /**
+   * Cancels the animation.
+   */
+  cancel(): void;
+  /**
+   * Plays the animation in reverse direction.
+   */
+  reverse(): void;
+  /**
+   * The animation is started.
+   */
+  onstart: () => void;
+  /**
+   * The animation is finished.
+   */
+  onfinish: () => void;
+  /**
+   * The animation is canceled.
+   */
+  oncancel: () => void;
+  /**
+   * The animation is repeated.
+   */
+  onrepeat: () => void;
+}
+
+export interface Element {
+  /**
+   * Requests or cancels the focus for a component.
+   * If focus is set to true, the focus is requested for the component.
+   * If focus is set to false, the focus is canceled for the component.
+   * This attribute can be defaulted to true.
+   * @param obj { focus: true | false }
+   */
+  focus(obj?: FocusParamObj): void;
+
+  /**
+   * Requests or cancels the crown rotation focus for a component.
+   * If focus is set to true, the crown event focus is requested.
+   * If focus is set to false, the crown event focus is canceled.
+   * This attribute can be defaulted to true.
+   * @param obj { focus: true | false }
+   */
+  rotation(obj?: FocusParamObj): void;
+
+  /**
+   * Creates and runs an animation shortcut on the component. Specify the keyframes and options required for the animation.
+   * @param keyframes keyframes is used to describe key frame parameters of the animation.
+   * @param options Options. is used to describe animation parameters.
+   * @returns This method returns the animation object.
+   */
+  animate(
+    keyframes: Array<AnimateStyle>,
+    options: AnimateOptions
+  ): AnimationResult;
+
+  /**
+   * Obtains the size and position of the element.
+   * @returns RectObj the size position of the element.
+   */
+  getBoundingClientRect(): RectObj;
+
+  /**
+   * If 0.5 is returned, 50% of the current component is visible.
+   * @param radios Scope of Monitoring components.
+   */
+  createIntersectionObserver(param: { ratios: Array<number> }): observer;
+}
+
+export interface observer {
+  /**
+   * Turn on the listener.
+   */
+  observe(callback: string): void;
+
+  /**
+   * Turn off the listenerr.
+   */
+  unobserve(): void;
+}
+
+/**
+ * animation element
+ */
+export interface AnimationElement extends Element {
+  /**
+   * Starts the animation.
+   */
+  play(): void;
+  /**
+   * Ends the animation.
+   */
+  finish(): void;
+  /**
+   * Pauses the animation.
+   */
+  pause(): void;
+  /**
+   * Cancels the animation.
+   */
+  cancel(): void;
+  /**
+   * Plays the animation in reverse direction.
+   */
+  reverse(): void;
+}
+
+export interface CurrentOffsetResultValue {
+  /**
+   * Scrolling offset in the x-axis, in px.
+   */
+  x: number;
+
+  /**
+   * Scrolling offset in the y-axis, in px.
+   */
+  y: number;
+}
+
+/**
+ * The <list> component provides a list container.
+ */
+export interface ListElement extends Element {
+  /**
+   * Scrolls the list to the position of the item at the specified index.
+   */
+  scrollTo(position: {
+    /**
+     * specified position.
+     */
+    index: number;
+  }): void;
+
+  /**
+   * If smooth is set to false (default value), the list is directly scrolled to the top.
+   * If smooth is set to true, the list is smoothly scrolled to the top.
+   * @param param
+   */
+  scrollTop(param: { smooth: boolean }): void;
+
+  /**
+   * If smooth is set to false (default value), the list is directly scrolled to the bottom.
+   * If smooth is set to true, the list is smoothly scrolled to the bottom.
+   * @param param
+   */
+  scrollBottom(param: { smooth: boolean }): void;
+
+  /**
+   * If reverse is set to false (default value), the next page is displayed. If there is no next page, the list scrolls to the bottom.
+   * If reverse is set to true, the previous page is displayed. If there is no previous page, the list scrolls to the top.
+   * If smooth is set to false (default value), the list is directly scrolled to another page.
+   * If smooth is set to true, the list is smoothly scrolled to another page.
+   * @param params
+   */
+  scrollPage(params: { reverse: boolean; smooth: boolean }): void;
+
+  /**
+   * If reverse is set to false (default value), the list scrolls towards the bottom for a certain distance. If there is no sufficient distance, the list scrolls to the bottom.
+   * If reverse is set to true, the list scrolls towards the top for a certain distance. If there is no sufficient distance, the list scrolls to the top.
+   * If smooth is set to false (default value), the list is directly scrolled.
+   * If smooth is set to true, the list is smoothly scrolled.
+   * @param params
+   */
+  scrollArrow(params: { reverse: boolean; smooth: boolean }): void;
+
+  /**
+   * Collapses a group.
+   * @param param
+   */
+  collapseGroup(param: {
+    /**
+     * groupid: ID of the group to collapse.
+     * All groups are collapsed when groupid is not specified.
+     */
+    groupid: string;
+  }): void;
+
+  /**
+   * Expands a group.
+   * @param param
+   */
+  expandGroup(param: {
+    /**
+     * groupid: ID of the group to expand.
+     * All groups are expanded when groupid is not specified.
+     */
+    groupid: string;
+  }): void;
+
+  /**
+   * Returns the offset of the current scrolling. The return value type is Object.
+   */
+  currentOffset(): CurrentOffsetResultValue;
+}
+
+/**
+ * The <swiper> component provides a swiper container.
+ */
+export interface SwiperElement extends Element {
+  /**
+   * Scrolls the child component to the position at the specified index.
+   */
+  swipeTo(position: {
+    /**
+     * specified position.
+     */
+    index: number;
+  }): void;
+
+  /**
+   * Shows the next child component.
+   */
+  showNext(): void;
+
+  /**
+   * Shows the previous child component.
+   */
+  showPrevious(): void;
+}
+
+export interface CameraTakePhotoOptions {
+  /**
+   * Picture quality.
+   */
+  quality: "high" | "normal" | "low";
+
+  /**
+   * Callback function for successful interface invocation.
+   * @param result the request execution result.
+   */
+  success?: (result: Object) => void;
+
+  /**
+   * Callback function for interface invocation failure.
+   * @param result the request execution result.
+   */
+  fail?: (result: Object) => void;
+
+  /**
+   * Callback function at the end of the interface invoking (executed both successfully and unsuccessfully).
+   * @param result the request execution result.
+   */
+  complete?: (result: Object) => void;
+}
+
+/**
+ * The <camera> component provides preview and photographing functions..
+ */
+export interface CameraElement extends Element {
+  /**
+   * Take photos with specified parameters.
+   * @param options the parameters of camera.
+   */
+  takePhoto(options: CameraTakePhotoOptions): void;
+}
+
+/**
+ * The <web> component is a container for displaying web page content.
+ */
+export interface WebElement extends Element {
+  /**
+   * Reload the web page content
+   */
+  reload(): void;
+}
+
+/**
+ * The <dialog> component is a custom pop-up container.
+ */
+export interface DialogElement extends Element {
+  /**
+   * Shows a dialog box.
+   */
+  show(): void;
+  /**
+   * Closes a dialog box.
+   */
+  close(): void;
+}
+
+/**
+ * The <image-animator> component is used to provide an image frame animator.
+ */
+export interface ImageAnimatorElement extends Element {
+  /**
+   * Starts to play the frame animation of an image. If this method is called again, the playback starts from the first frame.
+   */
+  start(): void;
+  /**
+   * Pauses the frame animation playback of an image.
+   */
+  pause(): void;
+  /**
+   * Stops the frame animation playback of an image.
+   */
+  stop(): void;
+  /**
+   * Resumes the frame animation playback of an image.
+   */
+  resume(): void;
+  /**
+   * Obtains the playback state. Available values are as follows:
+   * Playing
+   * Paused
+   * Stopped
+   */
+  getState(): string;
+}
+
+/**
+ * The <marquee> component inserts scrolling text, which is displayed in a single line by default.
+ * When the text length exceeds the display area of the component, the marquee effect is displayed.
+ */
+export interface MarqueeElement extends Element {
+  /**
+   * Starts scrolling.
+   */
+  start(): void;
+
+  /**
+   * Stops scrolling.
+   */
+  stop(): void;
+}
+
+/**
+ * The <menu> component provides menus as temporary pop-up windows to display operations that can be performed by users.
+ */
+export interface MenuElement extends Element {
+  /**
+   * Displays the menu.
+   * x and y specify the position of the displayed menu.
+   * x indicates the X-axis coordinate from the left edge of the visible area, and does not include any scrolling offset.
+   * y indicates the Y-axis coordinate from the upper edge of the visible area, and does not include any scrolling offset or a status bar.
+   * The menu is preferentially displayed in the lower right corner.
+   * When the visible space on the right is insufficient, the menu is moved leftward.
+   * When the visible space in the lower part is insufficient, the menu is moved upward.
+   * @param position
+   */
+  show(position: { x: number; y: number }): void;
+}
+
+/**
+ * The <chart> component displays line charts, gauge charts, and bar charts.
+ */
+export interface ChartElement extends Element {
+  /**
+   * Data is dynamically added to an existing data sequence.
+   * The target sequence is specified based on serial, which is the subscript of the datasets array and starts from 0.
+   * datasets[index].data is not updated. Only line charts support this attribute.
+   * The value is incremented by 1 based on the horizontal coordinate and is related to the xAxis min/max setting.
+   */
+  append(params: {
+    /**
+     * Set the data subscript of the line chart to be updated.
+     */
+    serial: number;
+    /**
+     * Set the new data.
+     */
+    data: Array<number>;
+  }): void;
+}
+
+/**
+ * The <input> component provides an interactive interface to receive user input, which is displayed in a single line by default.
+ */
+export interface InputElement extends Element {
+  /**
+   * Obtains or loses the focus of a component.
+   * When the component type is set to text, email, date, time, number, or password, the input method can be displayed or collapsed.
+   * @param param If focus is not passed, the default value true is used.
+   */
+  focus(param: { focus: boolean }): void;
+
+  /**
+   * Displays the error message.
+   * This attribute is available when the component type is set to text, email, date, time, number, or password.
+   * @param param
+   */
+  showError(param: { error: string }): void;
+
+  /**
+   * Deletes the previous character at the cursor position.
+   */
+  delete(): void;
+}
+
+/**
+ * The <button> component includes capsule, circle, text, arc, and download buttons.
+ */
+export interface ButtonElement extends Element {
+  /**
+   * Progress bar of the download button.
+   * The value ranges from 0 to 100. The progress bar is displayed if the value is greater than 0.
+   * If the value is greater than or equal to 100, the progress bar is not displayed.
+   * NOTE
+   * The text displayed on the progress bar is changed based on the value.
+   * @param param
+   */
+  setProgress(param: { progress: number }): void;
+}
+
+/**
+ * The <textarea> component provides an interactive interface to receive user input, which is displayed in multiple lines by default.
+ */
+export interface TextAreaElement extends Element {
+  /**
+   * Obtains or loses the focus of a component, which can display or collapse the input method.
+   * @param param If focus is not passed, the default value true is used.
+   */
+  focus(param: { focus: boolean }): void;
+}
+
+/**
+ * The <picker> component supports common, date, time, and multi-column text selectors.
+ */
+export interface PickerElement extends Element {
+  /**
+   * Displays the picker.
+   */
+  show(): void;
+}
+
+/**
+ * The <video> component provides a video player.
+ */
+export interface VideoElement extends Element {
+  /**
+   * Requests to start playing a video.
+   */
+  start(): void;
+
+  /**
+   * Requests to pause a video.
+   */
+  pause(): void;
+
+  /**
+   * Specifies the video playing position.
+   * @param param
+   */
+  setCurrentTime(param: { currenttime: number }): void;
+
+  /**
+   * Requests to enter the full screen mode.
+   * @param param
+   */
+  requestFullscreen(param: { screenOrientation: "default" }): void;
+
+  /**
+   * Requests to exit the full screen mode.
+   */
+  exitFullscreen(): void;
+
+  /**
+   * Requests to stop playing a video.
+   */
+  stop(): void;
+}
+
+export interface TextMetrics {
+  width: number;
+}
+
+/**
+ * Provides a 2D rendering context for the drawing surface of the < Canvas > element.
+ * It is used to draw shapes, text, images and other objects.
+ */
+export interface OffscreenCanvasRenderingContext2D {
+  /**
+   * Gets the dotted spacing of a line.
+   * Returns the current line segment style array containing an even number of non-negative numbers.
+   */
+  getLineDash: Array<number>;
+
+  /**
+   * Fill style attribute.
+   * Paint color used to fill the area.
+   * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
+   * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   */
+  fillStyle?: string | CanvasGradient | CanvasPattern;
+
+  /**
+   * Sets the stroke paint style.
+   * Color of the stroke paint.
+   * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
+   * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   */
+  strokeStyle?: string | CanvasGradient | CanvasPattern;
+
+  /**
+   * Sets the dotted spacing of a line.
+   * @param segments A set of numbers describing the length of alternating drawn line segments and spacing (coordinate space units).
+   */
+  setLineDash(segments: Array<number>): void;
+
+  /**
+   * Draw an Image object.
+   * @param image An element drawn to the context.
+   * @param dx The top left corner of the image is the X-axis coordinates on the target canvas.
+   * @param dy The top left corner of the image is the Y-axis coordinates on the target canvas.
+   * @param dw Image The width drawn on the target canvas.
+   * @param dh Image The height drawn on the target canvas.
+   */
+  drawImage(image: Image, dx: number, dy: number, dw: number, dh: number): void;
+
+  /**
+   * Draw an Image object.
+   * @param image An element drawn to the context.
+   * @param dx The top left corner of the image is the X-axis coordinates on the target canvas.
+   * @param dy The top left corner of the image is the Y-axis coordinates on the target canvas.
+   * @param dw Image The width drawn on the target canvas.
+   * @param dh Image The height drawn on the target canvas.
+   * @param sx The upper-left X-axis coordinates of the image's rectangular (clipped) selection box that need to be drawn into the target context.
+   * @param sy The upper-left Y-axis coordinates of the image's rectangular (clipped) selection box that need to be drawn into the target context.
+   * @param sw The width of the image's rectangular (clipped) selection box that needs to be drawn into the target context.
+   * @param sh The height of the image's rectangular (clipped) selection box that needs to be drawn into the target context.
+   */
+  drawImage(image: Image, sx: number, sy: number, sw: number, sh: number,dx: number, dy: number, dw: number, dh: number): void;
+
+  /**
+   * Creates a drawing path.
+   */
+  beginPath(): void;
+
+  /**
+   * Crop the current canvas.
+   */
+  clip(): void;
+
+  /**
+   * Fills the current canvas with color.
+   */
+  fill(): void;
+
+  /**
+   * Check whether the specified coordinate point is on the Path.
+   * @param x The X coordinate of the detection point.
+   * @param y The Y coordinate of the detection point.
+   * @returns boolean Return true if the detection point is contained within the current or specified path Otherwise return false.
+   */
+  isPointInPath(x: number, y: number): boolean;
+
+  /**
+   * Check whether the specified coordinate point is on the Path.
+   * @param path The Path2D path that needs to be populated.
+   * @param x The X coordinate of the detection point.
+   * @param y The Y coordinate of the detection point.
+   * @param fillRule This algorithm determines whether a point is in or out of the path.
+   * @returns boolean Return true if the detection point is contained within the current or specified path Otherwise return false.
+   */
+  isPointInPath(path: Path2D, x: number, y: number): boolean;
+
+  /**
+   * Checks whether the specified coordinate point is on the stroke edge.
+   * @param x The X coordinate of the detection point.
+   * @param y The Y coordinate of the detection point.
+   * @returns boolean A Boolean value that returns true when the point is on the line of the path, false otherwise.
+   */
+  isPointInStroke(x: number, y: number): boolean;
+
+  /**
+   * Checks whether the specified coordinate point is on the stroke edge.
+   * @param path Path2D path.
+   * @param x The X coordinate of the detection point.
+   * @param y The Y coordinate of the detection point.
+   * @returns boolean A Boolean value that returns true when the point is on the line of the path, false otherwise.
+   */
+  isPointInStroke(path: Path2D, x: number, y: number): boolean;
+
+  /**
+   * Stroke draws the current path.
+   */
+  stroke(): void;
+
+  /**
+   * Stroke draws the current path.
+   * @param path The object of Path2D.
+   */
+  stroke(path: Path2D): void;
+
+  /**
+   * Create a radial tween object.
+   * @param x0 The x coordinate of the circle at the beginning.
+   * @param y0 The y coordinate of the circle at the beginning.
+   * @param r0 The radius of the starting circle.
+   * @param x1 X-coordinate of the end point.
+   * @param y1 Y-coordinate of the end point.
+   * @param r1 The radius of End Circle.
+   * @returns RadialGradient object.
+   */
+  createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): CanvasGradient;
+
+  /**
+   * Create a drawing style template.
+   * @param image The CanvasImageSource object that is the source of the duplicate image.
+   * @param repetition Specify how to repeat images.
+   * @returns CanvasPattern An opaque object that describes a schema.
+   */
+  createPattern(image: Image, repetition: string): CanvasPattern;
+
+  /**
+   * Creates a linear gradient color.
+   * @param x0 X-coordinate of the start point.
+   * @param y0 Y-coordinate of the start point.
+   * @param x1 X-coordinate of the end point.
+   * @param y1 Y-coordinate of the end point.
+   * @returns LinearGradient object.
+   */
+  createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient;
+
+  /**
+   * Create an ImageData object.
+   * @param sw The width of the new object.
+   * @param sh The height of the new object.
+   * @returns ImageData New ImageData object with width and height specified.
+   */
+  createImageData(sw: number, sh: number): ImageData;
+
+  /**
+   * Create an ImageData object.
+   * @param imagedata Copy an object of the same width and height from an existing ImageData object The image itself is not allowed to be copied.
+   * @returns ImageData New ImageData object with width and height specified.
+   */
+  createImageData(imagedata: ImageData): ImageData;
+
+  /**
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   * @param path another created Path2D object.
+   * @returns the object of Path2D.
+   */
+  createPath2D(path?: Path2D): Path2D;
+
+  /**
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   * @param cmds a string defined using the SVG path command.
+   * @returns the object of Path2D.
+   */
+  createPath2D(cmds?: string): Path2D;
+
+  /**
+   * Get an ImageData object.
+   * @param sx The upper-left x-coordinate of the rectangular area of the image data to be extracted.
+   * @param sy The upper-left y coordinate of the rectangular region of the image data to be extracted.
+   * @param sw The width of the rectangular area of the image data to be extracted.
+   * @param sh The height of the rectangular area of the image data to be extracted.
+   * @returns ImageData An ImageData object that contains the rectangular ImageData given by the canvas.
+   */
+  getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
+
+  /**
+   * Draws the specified ImageData object to the canvas.
+   * @param imagedata An array object containing pixel values.
+   * @param dx The offset of the position of the source image data in the target canvas (the offset in the X-axis direction).
+   * @param dy The offset of the position of the source image data in the target canvas (the Y-axis offset).
+   */
+  putImageData(imagedata: ImageData, dx: number, dy: number): void;
+
+  /**
+   * Draws the specified ImageData object to the canvas.
+   * @param imagedata An array object containing pixel values.
+   * @param dx The offset of the position of the source image data in the target canvas (the offset in the X-axis direction).
+   * @param dy The offset of the position of the source image data in the target canvas (the Y-axis offset).
+   * @param dirtyX In the source image data, the position of the upper left corner of the rectangular region Default is the upper left corner of the entire image data (x coordinate).
+   * @param dirtyY In the source image data, the position of the upper left corner of the rectangular region Default is the top left corner (y coordinate) of the entire image data.
+   * @param dirtyWidth In the source image data, the width of a rectangular region. Default is the width of the image data.
+   * @param dirtyHeight In the source image data, the height of a rectangular region. Default is the height of the image data.
+   */
+  putImageData(imagedata: ImageData, dx: number, dy: number, dirtyX: number, dirtyY: number, dirtyWidth: number, dirtyHeight: number): void;
+
+  /**
+   * Draw an arc.
+   * @param radius Radius of an arc.
+   * @param x The X-axis coordinates of the center of the circle.
+   * @param y The Y-axis coordinates of the center of an arc (center of a circle).
+   * @param startAngle The starting point of the arc, in the X-axis direction, is calculated in radians.
+   * @param endAngle The end point of an arc, expressed in radians.
+   * @param anticlockwise An optional Boolean value. If true, the arc is drawn counterclockwise, and otherwise clockwise.
+   */
+  arc(radius: number, x: number, y: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+
+  /**
+   * Draws an arc from the beginning to the end.
+   * @param radius Radius of an arc.
+   * @param x1 The X-axis coordinates of the first control point.
+   * @param y1 The y-coordinate of the first control point.
+   * @param x2 The X-axis coordinates of the second control point.
+   * @param y2 The Y-axis coordinates of the second control point.
+   */
+  arcTo(x1: number, x2: number, y1: number, y2: number, radius: number): void;
+
+  /**
+   * Draw a third order Bezier curve.
+   * @param cp1x The X-axis coordinates of the first control point.
+   * @param cp1y The y-coordinate of the first control point.
+   * @param cp2x The X-axis coordinates of the second control point.
+   * @param cp2y The Y-axis coordinates of the second control point.
+   * @param x The x-coordinate of the end point.
+   * @param y The y-coordinate of the end point
+   */
+  bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
+
+  /**
+   * Closing the current path.
+   */
+  closePath(): void;
+
+  /**
+   * Draw a straight line.
+   * @param x The X-axis coordinates at the end of the line.
+   * @param y The Y-axis coordinates at the end of the line.
+   */
+  lineTo(x: number, y: number): void;
+
+  /**
+   * Draw an ellipse.
+   * @param x The X-axis coordinates of the center of the ellipse.
+   * @param y The Y-axis coordinates of the center of the ellipse.
+   * @param radiusX The radius of the major axis of an ellipse.
+   * @param radiusY The radius of the short axis of an ellipse.
+   * @param rotation The Angle of rotation of an ellipse, expressed in radians.
+   * @param startAngle The starting point Angle to be plotted, measured from the X-axis, is expressed in radians.
+   * @param endAngle The Angle, expressed in radians, at which the ellipse will be drawn.
+   * @param anticlockwise If true, the ellipse is drawn counterclockwise (counterclockwise) and clockwise otherwise.
+   */
+  ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+
+  /**
+   * Moves the current canvas to the specified coordinate point.
+   * @param x The x axis.
+   * @param y The y axis.
+   */
+  moveTo(x: number, y: number): void;
+
+  /**
+   * Draw a second order Bezier curve.
+   * @param x The X-axis of the end point.
+   * @param y The Y-axis of the end point.
+   * @param cpx The X-axis coordinates of the control points.
+   * @param cpy The y-coordinate of the control point.
+   */
+  quadraticCurveTo(cpx: number, cpy: number,x: number, y: number): void;
+
+  /**
+   * Draw a rectangle.
+   * @param x The X-axis coordinates at the beginning of the rectangle.
+   * @param y The Y-axis coordinates at the beginning of the rectangle.
+   * @param w The width of a rectangle.
+   * @param h The height of a rectangle.
+   */
+  rect(x: number, y: number, w: number, h: number): void;
+
+  /**
+   * Clears the contents of the specified rectangular area.
+   * @param x The X-axis coordinates at the beginning of the rectangle.
+   * @param y The Y-axis coordinates at the beginning of the rectangle.
+   * @param w The width of a rectangle.
+   * @param h The height of a rectangle.
+   */
+  clearRect(x: number, y: number, w: number, h: number): void;
+
+  /**
+   * Fills a rectangular area.
+   * @param x The X-axis coordinates at the beginning of the rectangle.
+   * @param y The Y-axis coordinates at the beginning of the rectangle.
+   * @param w The width of a rectangle.
+   * @param h The height of a rectangle.
+   */
+  fillRect(x: number, y: number, w: number, h: number): void;
+
+  /**
+   * Stroke a rectangular area.
+   * @param x The X-axis coordinates at the beginning of the rectangle.
+   * @param y The Y-axis coordinates at the beginning of the rectangle.
+   * @param w The width of the rectangle. Positive values on the right, negative values on the left.
+   * @param h The height of the rectangle. Positive values are down, negative values are up.
+   */
+  strokeRect(x: number, y: number, w: number, h: number): void;
+
+  /**
+   * Stroke a rectangular area.
+   * @param text Render text using the current values of font, textAlign, textBaseline, and direction.
+   * @param y The Y-axis coordinates of the starting point of the text.
+   * @param x The X-axis coordinates of the starting point of the text.
+   * @param maxWidth Maximum width to draw.
+   */
+  fillText(text: string, y: number, x: number/*, maxWidth?: number*/): void;
+
+  /**
+   * Returns a TextMetrics object used to obtain the width of specified text.
+   * @param text Text to be measured.
+   * @returns Object that contains the text width. You can obtain the width by TextMetrics.width.
+   */
+  measureText(text: string): TextMetrics;
+
+  /**
+   * Draws the stroke of a text string.
+   * @param text Text stroke to draw.
+   * @param x X-coordinate of the lower left corner of the text stroke.
+   * @param y Y-coordinate of the lower left corner of the text stroke.
+   * @param maxWidth Maximum width to draw.
+   */
+  strokeText(text: string, x: number, y: number/*, maxWidth?: number*/): void;
+
+  /**
+   * Resets the current matrix transformation effect.
+   */
+  resetTransform(): void;
+
+  /**
+   * Adds a rotation effect to the current canvas.
+   * @param angle The radian of clockwise rotation.
+   */
+  rotate(angle: number): void;
+
+  /**
+   * Adds a zoom effect to the current canvas.
+   * @param x The horizontal scaling factor.
+   * @param y The scaling factor in the vertical direction.
+   */
+  scale(x: number, y: number): void;
+
+  /**
+   * Set the rotation, pan, and zoom effects.
+   * @param a The level of zoom.
+   * @param b Vertical tilt.
+   * @param c Horizontal tilt.
+   * @param d Vertical scaling.
+   * @param e The level of mobile.
+   * @param f Vertical movement.
+   */
+  setTransform(a: number, b: number, c: number, d: number, e: number, f: number): void;
+
+  /**
+   * Set the rotation, pan, and zoom effects.
+   * @param a The level of zoom.
+   * @param b Vertical tilt.
+   * @param c Horizontal tilt.
+   * @param d Vertical scaling.
+   * @param e The level of mobile.
+   * @param f Vertical movement.
+   */
+  transform(a: number, b: number, c: number, d: number, e: number, f: number): void;
+
+  /**
+   * Adds a pan effect to the current canvas.
+   * @param x Horizontal movement distance.
+   * @param y Vertical movement.
+   */
+  translate(x: number, y: number): void;
+
+  /**
+   * Restores the configuration information of the last saved canvas context.
+   */
+  restore(): void;
+
+  /**
+   * Saves configuration information for the current canvas context.
+   */
+  save(): void;
+}
+
+/**
+ * CanvasRenderingContext2D allows you to draw rectangles, text, images, and other objects on a canvas.
+ * You can call getContext('2d') on canvas to obtain a CanvasRenderingContext2D object.
+ */
+export interface CanvasRenderingContext2D {
+  /**
+   * Fills a rectangle on the canvas.
+   * @param x X-coordinate of the upper left corner of the rectangle.
+   * @param y Y-coordinate of the upper left corner of the rectangle.
+   * @param width Width of the rectangle.
+   * @param height Height of the rectangle.
+   */
+  fillRect(x: number, y: number, width: number, height: number): void;
+
+  /**
+   * Sets the style of a paint to fill an area.
+   * Paint color used to fill the area.
+   * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
+   * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   */
+  fillStyle?: string | CanvasGradient | CanvasPattern;
+
+  /**
+   * Clears the content in a rectangle on the canvas.
+   * @param x X-coordinate of the upper left corner of the rectangle.
+   * @param y Y-coordinate of the upper left corner of the rectangle.
+   * @param width Width of the rectangle.
+   * @param height Height of the rectangle.
+   */
+  clearRect(x: number, y: number, width: number, height: number): void;
+
+  /**
+   * Draws a rectangle stroke on the canvas.
+   * @param x X-coordinate of the upper left corner of the rectangle stroke.
+   * @param y Y-coordinate of the upper left corner of the rectangle stroke.
+   * @param width Width of the rectangle stroke.
+   * @param height Height of the rectangle stroke.
+   */
+  strokeRect(x: number, y: number, width: number, height: number): void;
+
+  /**
+   * Draws filled text on the canvas.
+   * @param text Text to draw.
+   * @param x X-coordinate of the lower left corner of the text.
+   * @param y Y-coordinate of the lower left corner of the text.
+   */
+  fillText(text: string, x: number, y: number): void;
+
+  /**
+   * Draws a text stroke on the canvas.
+   * @param text Text stroke to draw.
+   * @param x X-coordinate of the lower left corner of the text stroke.
+   * @param y Y-coordinate of the lower left corner of the text stroke.
+   */
+  strokeText(text: string, x: number, y: number): void;
+
+  /**
+   * Returns a TextMetrics object used to obtain the width of specified text.
+   * @param text Text to be measured.
+   * @returns Object that contains the text width. You can obtain the width by TextMetrics.width.
+   */
+  measureText(text: string): TextMetrics;
+
+  /**
+   * Sets the width of a line.
+   */
+  lineWidth?: number;
+
+  /**
+   * Sets the stroke paint style.
+   * Color of the stroke paint.
+   * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
+   * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   */
+  strokeStyle?: string | CanvasGradient | CanvasPattern;
+
+  /**
+   * Draws a border stroke.
+   */
+  stroke(): void;
+
+  /**
+   * Draws a path stroke.
+   * @param path The object of Path2D.
+   */
+  stroke(path: Path2D): void;
+
+  /**
+   * Creates a drawing path.
+   */
+  beginPath(): void;
+
+  /**
+   * Moves a drawing path to a target position on the canvas.
+   * @param x X-coordinate of the target position.
+   * @param y Y-coordinate of the target position.
+   */
+  moveTo(x: number, y: number): void;
+
+  /**
+   * Connects the current point to a target position using a straight line.
+   * @param x X-coordinate of the target position.
+   * @param y Y-coordinate of the target position.
+   */
+  lineTo(x: number, y: number): void;
+
+  /**
+   * Draws a closed path.
+   */
+  closePath(): void;
+
+  /**
+   * Sets the style of line endpoints.
+   * Style of line endpoints. Available values include:
+   * butt (default): The endpoints of the line are in square.
+   * round: The endpoints of the line are rounded.
+   * square: The endpoints of the line are in square,
+   * and each end of the line is added with a rectangle whose length is the same as the line thickness and whose width is half of the line thickness.
+   */
+  lineCap: string;
+
+  /**
+   * Sets the style for an intersection point where a line joins another.
+   * Style of the intersection point of lines. Available values include:
+   * round: The intersection part is a sector. The radius of a rounded corner is equal to the line width.
+   * bevel: The intersection part is a triangle. The rectangular corner of each line is independent.
+   * miter (default): The intersection part has a miter corner by extending the outside edges of the lines until they meet. You can view the effect of this attribute in miterLimit.
+   */
+  lineJoin: string;
+
+  /**
+   * Sets the maximum miter length. The miter length is the distance between the inner corner and the outer corner where two lines meet.
+   * Maximum miter length. The default value is 10.
+   */
+  miterLimit: number;
+
+  /**
+   * Sets the font style.
+   * Font style. The default value is 10px sans-serif.
+   */
+  font: string;
+
+  /**
+   * Sets the text alignment mode.
+   * Text alignment mode. Available values include:
+   * left (default): The text is left-aligned.
+   * right: The text is right-aligned.
+   * center: The text is center-aligned.
+   * start: The text is aligned with the start bound.
+   * end: The text is aligned with the end bound.
+   * NOTE
+   * In the ltr layout mode, the value start equals to left. In the rtl layout mode, the value start equals to right.
+   */
+  textAlign: string;
+
+  /**
+   * Sets whether an image is smooth.
+   * default value is true.
+   * @devices tv, phone, tablet, wearable, smartVision
+   */
+  imageSmoothingEnabled: boolean;
+
+  /**
+   * Sets a text baseline in the horizontal direction for text alignment.
+   * Text baseline. Available values include:
+   * alphabetic (default): The text baseline is the normal alphabetic baseline.
+   * top: The text baseline is on the top of the text bounding box.
+   * hanging: The text baseline is a hanging baseline over the text.
+   * middle: The text baseline is in the middle of the text bounding box.
+   * ideographic: The text baseline is the ideographic baseline. If a character exceeds the alphabetic baseline, the ideographic baseline is located at the bottom of the excessive character.
+   * bottom: The text baseline is at the bottom of the text bounding box. Its difference from the ideographic baseline is that the ideographic baseline does not consider letters in the next line.
+   */
+  textBaseline: string;
+
+  /**
+   * Creates a linear gradient color.
+   * @param x0 X-coordinate of the start point.
+   * @param y0 Y-coordinate of the start point.
+   * @param x1 X-coordinate of the end point.
+   * @param y1 Y-coordinate of the end point.
+   * @returns LinearGradient object.
+   */
+  createLinearGradient(
+    x0: number,
+    y0: number,
+    x1: number,
+    y1: number
+  ): CanvasGradient;
+
+  /**
+   * Creates a radial gradient color.
+   * @param x0 X-coordinate of the start point.
+   * @param y0 Y-coordinate of the start point.
+   * @param r0 The radius of the starting circle.
+   * @param x1 X-coordinate of the end point.
+   * @param y1 Y-coordinate of the end point.
+   * @param r1 The radius of End Circle.
+   * @returns RadialGradient object.
+   */
+  createRadialGradient(
+    x0: number,
+    y0: number,
+    r0: number,
+    x1: number,
+    y1: number,
+    r1: number
+  ): CanvasGradient;
+
+  /**
+   * Creates a pattern for image filling based on a specified source image and repetition mode.
+   * @param image Source image.
+   * @param repetition Repetition mode. The value can be "repeat", "repeat-x", "repeat-y", or "no-repeat".
+   * @returns Pattern of image filling.
+   */
+  createPattern(image: Image, repetition: string): object;
+
+  /**
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   * @param path another created Path2D object.
+   * @returns the object of Path2D.
+   */
+  createPath2D(path?: Path2D): Path2D;
+
+  /**
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   * @param cmds a string defined using the SVG path command.
+   * @returns the object of Path2D.
+   */
+  createPath2D(cmds?: string): Path2D;
+
+  /**
+   * Draws a cubic bezier curve on the canvas.
+   * @param cp1x X-coordinate of the first parameter of the bezier curve.
+   * @param cp1y Y-coordinate of the first parameter of the bezier curve.
+   * @param cp2x X-coordinate of the second parameter of the bezier curve.
+   * @param cp2y Y-coordinate of the second parameter of the bezier curve.
+   * @param x End point x-coordinate of the bezier curve.
+   * @param y End point y-coordinate of the bezier curve.
+   */
+  bezierCurveTo(
+    cp1x: number,
+    cp1y: number,
+    cp2x: number,
+    cp2y: number,
+    x: number,
+    y: number
+  ): void;
+
+  /**
+   * Draws a quadratic curve on the canvas.
+   * @param cpx X-coordinate of the bezier curve parameter.
+   * @param cpy Y-coordinate of the bezier curve parameter.
+   * @param x End point x-coordinate of the bezier curve.
+   * @param y End point y-coordinate of the bezier curve.
+   */
+  quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+
+  /**
+   * Draws an arc on the canvas.
+   * @param x X-coordinate of the center point of the arc.
+   * @param y Y-coordinate of the center point of the arc.
+   * @param radius Radius of the arc.
+   * @param startAngle Start radian of the arc.
+   * @param endAngel End radian of the arc.
+   * @param anticlockwise Whether to draw the arc counterclockwise.
+   */
+  arc(
+    x: number,
+    y: number,
+    radius: number,
+    startAngle: number,
+    endAngel: number,
+    anticlockwise?: boolean
+  ): void;
+
+  /**
+   * Draws an arc based on the radius and points on the arc.
+   * @param x1 X-coordinate of the first point on the arc.
+   * @param y1 Y-coordinate of the first point on the arc.
+   * @param x2 X-coordinate of the second point on the arc.
+   * @param y2 Y-coordinate of the second point on the arc.
+   * @param radius Radius of the arc.
+   */
+  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+
+  /**
+   * Draws an ellipse based on the coordinate and radius.
+   * @param x X-coordinate of the center point on the ellipse.
+   * @param y Y-coordinate of the center point on the ellipse.
+   * @param radiusX X-coordinate of the radius Length on the ellipse.
+   * @param radiusY Y-coordinate of the radius Length on the ellipse.
+   * @param rotation The rotation angle of the ellipse, in radians.
+   * @param startAngle Angle of the start point for ellipse drawing.
+   * @param endAngle End Point Angle for Ellipse Drawing.
+   * @param anticlockwise Indicates whether to draw an ellipse counterclockwise.
+   * 0: clockwise; 1: counterclockwise. The default value is 0.
+   */
+  ellipse(
+    x: number,
+    y: number,
+    radiusX: number,
+    radiusY: number,
+    rotation: number,
+    startAngle: number,
+    endAngle: number,
+    anticlockwise?: number
+  ): void;
+
+  /**
+   * Creates a rectangular.
+   * @param x X-coordinate of the upper left corner of the rectangle.
+   * @param y Y-coordinate of the upper left corner of the rectangle.
+   * @param width Width of the rectangle.
+   * @param height Height of the rectangle.
+   */
+  rect(x: number, y: number, width: number, height: number): void;
+
+  /**
+   * Fills the area inside a closed path.
+   */
+  fill(): void;
+
+  /**
+   * Sets a path as the clipping path.
+   */
+  clip(): void;
+
+  /**
+   * Rotates a canvas clockwise around its coordinate axes.
+   * @param rotate Clockwise rotation angle. You can use Math.PI / 180 to convert the angle to radian.
+   */
+  rotate(rotate: number): void;
+
+  /**
+   * Scales a canvas based on scaling factors.
+   * @param x Horizontal scale factor.
+   * @param y Vertical scale factor.
+   */
+  scale(x: number, y: number): void;
+
+  /**
+   * Defines a transformation matrix.
+   * To transform a graph, you only need to set parameters of the matrix.
+   * The coordinates of the corresponding graph are multiplied by the matrix values to obtain new coordinates of the transformed graph.
+   * You can use the matrix to implement multiple transform effects.
+   * @param scaleX X-axis scale.
+   * @param skewX X-axis skew.
+   * @param skewY Y-axis skew.
+   * @param scaleY Y-axis scale.
+   * @param translateX X-axis translation.
+   * @param translateY Y-axis translation.
+   */
+  transform(
+    scaleX: number,
+    skewX: number,
+    skewY: number,
+    scaleY: number,
+    translateX: number,
+    translateY: number
+  ): void;
+
+  /**
+   * Uses same parameters as the transform() function to reset the existing transformation matrix and create a new transformation matrix.
+   * @param scaleX X-axis scale.
+   * @param skewX X-axis skew.
+   * @param skewY Y-axis skew.
+   * @param scaleY Y-axis scale.
+   * @param translateX X-axis translation.
+   * @param translateY Y-axis translation.
+   */
+  setTransform(
+    scaleX: number,
+    skewX: number,
+    skewY: number,
+    scaleY: number,
+    translateX: number,
+    translateY: number
+  ): void;
+
+  /**
+   * Moves the origin of the coordinate system.
+   * @param x X-axis translation.
+   * @param y Y-axis translation.
+   */
+  translate(x: number, y: number): void;
+
+  /**
+   * Sets the alpha value.
+   * Global alpha value to set.
+   * The value ranges from 0.0 (completely transparent) to 1.0 (completely opaque).
+   */
+  globalAlpha: number;
+
+  /**
+   * Draws an image.
+   * @param image Image resource.
+   * @param dx X-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param dy Y-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param dWidth Width of the drawing area.
+   * @param dHeight Height of the drawing area.
+   */
+  drawImage(
+    image: Image,
+    dx: number,
+    dy: number,
+    dWidth: number,
+    dHeight: number
+  ): void;
+
+  /**
+   * Draws an image.
+   * @param image Image resource.
+   * @param sx X-coordinate of the upper left corner of the rectangle used to crop the source image.
+   * @param sy Y-coordinate of the upper left corner of the rectangle used to crop the source image.
+   * @param sWidth Target width of the image to crop.
+   * @param sHeight Target height of the image to crop.
+   * @param dx X-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param dy Y-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param dWidth Width of the drawing area.
+   * @param dHeight Height of the drawing area.
+   */
+  drawImage(
+    image: Image,
+    sx: number,
+    sy: number,
+    sWidth: number,
+    sHeight: number,
+    dx: number,
+    dy: number,
+    dWidth: number,
+    dHeight: number
+  ): void;
+
+  /**
+   * Restores the saved drawing context.
+   */
+  restore: () => void;
+
+  /**
+   * Saves the current drawing context.
+   */
+  save: () => void;
+
+  /**
+   * Creates an ImageData object.
+   * @param width Width of the ImageData object.
+   * @param height Height of the ImageData object.
+   * @returns Returns the newly created FunctionCallable object.
+   */
+  createImageData(width: number, height: number): ImageData;
+  /**
+   * Creates an ImageData object.
+   * @param imagedata ImageData object with the same width and height copied from the original ImageData object.
+   * @returns Returns the newly created FunctionCallable object.
+   */
+  createImageData(imagedata: ImageData): ImageData;
+
+  /**
+   * ImageData object created with pixels in the specified area on the canvas.
+   * @param sx X-coordinate of the upper left corner of the output area.
+   * @param sy Y-coordinate of the upper left corner of the output area.
+   * @param sw Width of the output area.
+   * @param sh Height of the output area.
+   * @returns ImageData object that contains pixels in the specified area on the canvas.
+   */
+  getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
+
+  /**
+   * Puts the ImageData onto a rectangular area on the canvas.
+   * @param imageData ImageData object with pixels to put onto the canvas.
+   * @param dx X-axis offset of the rectangle area on the canvas.
+   * @param dy Y-axis offset of the rectangle area on the canvas.
+   */
+  putImageData(imageData: ImageData, dx: number, dy: number): void;
+
+  /**
+   * Puts the ImageData onto a rectangular area on the canvas.
+   * @param imageData ImageData object with pixels to put onto the canvas.
+   * @param dx X-axis offset of the rectangle area on the canvas.
+   * @param dy Y-axis offset of the rectangle area on the canvas.
+   * @param dirtyX X-axis offset of the upper left corner of the rectangle area relative to that of the source image.
+   * @param dirtyY Y-axis offset of the upper left corner of the rectangle area relative to that of the source image.
+   * @param dirtyWidth Width of the rectangle area to cop the source image.
+   * @param dirtyHeight Height of the rectangle area to cop the source image.
+   */
+  putImageData(
+    imageData: ImageData,
+    dx: number,
+    dy: number,
+    dirtyX: number,
+    dirtyY: number,
+    dirtyWidth: number,
+    dirtyHeight: number
+  ): void;
+
+  /**
+   * Sets the dash line style.
+   * @param segments Interval of alternate line segments and the length of spacing.
+   */
+  setLineDash(segments: Array<number>): void;
+
+  /**
+   * Obtains the dash line style.
+   * @returns Interval of alternate line segments and the length of spacing.
+   */
+  getLineDash(): Array<number>;
+
+  /**
+   * Sets the dash line offset.
+   * Dash line offset. The value is a float number starting from 0.0.
+   */
+  lineDashOffset: number;
+
+  /**
+   * Sets the composite operation type.
+   * source-over Default value. Displays the new drawing above the existing drawing.
+   * source-atop Displays the new drawing on the top of the existing drawing.
+   * source-in Displays the new drawing inside the existing drawing.
+   * source-out Displays part of the new drawing that is outside of the existing drawing.
+   * destination-over Displays the existing drawing above the new drawing.
+   * destination-atop Displays the existing drawing above the new drawing.
+   * destination-in Displays the existing drawing inside the new drawing.
+   * destination-out Displays part of the existing drawing that is outside of the new drawing.
+   * lighter Displays both the new drawing and the existing drawing.
+   * copy Displays the new drawing and neglects the existing drawing.
+   * xor Combines the new drawing and existing drawing using the XOR operation.
+   */
+  globalCompositeOperation: string;
+
+  /**
+   * Sets the shadow blur degree.
+   * Shadow blur degree. A larger value indicates a more blurred shadow. The value is of the float type, and the default value is 0.
+   */
+  shadowBlur: number;
+
+  /**
+   * Sets the shadow color.
+   */
+  shadowColor: string;
+
+  /**
+   * Sets the x-axis shadow offset relative to the original object.
+   * X-axis shadow offset relative to the original object.
+   */
+  shadowOffsetX: number;
+
+  /**
+   * Sets the y-axis shadow offset relative to the original object.
+   * Y-axis shadow offset relative to the original object.
+   */
+  shadowOffsetY: number;
+
+  /**
+   * Draws the Bitmap to the current canvas.
+   * @devices tv, phone, tablet, wearable
+   */
+  transferFromImageBitmap(bitmap: ImageBitmap): void;
+}
+
+/**
+ * You can create a gradient object on the canvas by calling CanvasRenderingContext2D.createLinearGradient().
+ */
+export interface CanvasGradient {
+  /**
+   * Adds a color stop for the CanvasGradient object based on the specified offset and gradient color.
+   * @param offset Proportion of the distance between the color stop and the start point to the total length.
+   * The value ranges from 0 to 1.
+   * @param color Sets the gradient color.
+   */
+  addColorStop(offset: number, color: string): void;
+}
+
+export interface Path2D {
+  /**
+   * Add another path to current path.
+   * @param path another created Path2D object.
+   */
+  addPath(path: Path2D): void;
+
+  /**
+   * Uses same parameters as the transform() function to reset the existing transformation matrix and create a new transformation matrix.
+   * @param scaleX X-axis scale.
+   * @param skewX X-axis skew.
+   * @param skewY Y-axis skew.
+   * @param scaleY Y-axis scale.
+   * @param translateX X-axis translation.
+   * @param translateY Y-axis translation.
+   */
+  setTransform(
+    scaleX: number,
+    skewX: number,
+    skewY: number,
+    scaleY: number,
+    translateX: number,
+    translateY: number
+  ): void;
+
+  /**
+   * Draws a closed path.
+   */
+  closePath(): void;
+
+  /**
+   * Moves a drawing path to a target position on the canvas.
+   * @param x X-coordinate of the target position.
+   * @param y Y-coordinate of the target position.
+   */
+  moveTo(x: number, y: number): void;
+
+  /**
+   * Connects the current point to a target position using a straight line.
+   * @param x X-coordinate of the target position.
+   * @param y Y-coordinate of the target position.
+   */
+  lineTo(x: number, y: number): void;
+
+  /**
+   * Draws a cubic bezier curve on the canvas.
+   * @param cp1x X-coordinate of the first parameter of the bezier curve.
+   * @param cp1y Y-coordinate of the first parameter of the bezier curve.
+   * @param cp2x X-coordinate of the second parameter of the bezier curve.
+   * @param cp2y Y-coordinate of the second parameter of the bezier curve.
+   * @param x End point x-coordinate of the bezier curve.
+   * @param y End point y-coordinate of the bezier curve.
+   */
+  bezierCurveTo(
+    cp1x: number,
+    cp1y: number,
+    cp2x: number,
+    cp2y: number,
+    x: number,
+    y: number
+  ): void;
+
+  /**
+   * Draws a quadratic curve on the canvas.
+   * @param cpx X-coordinate of the bezier curve parameter.
+   * @param cpy Y-coordinate of the bezier curve parameter.
+   * @param x End point x-coordinate of the bezier curve.
+   * @param y End point y-coordinate of the bezier curve.
+   */
+  quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+
+  /**
+   * Draws an arc on the canvas.
+   * @param x X-coordinate of the center point of the arc.
+   * @param y Y-coordinate of the center point of the arc.
+   * @param radius Radius of the arc.
+   * @param startAngle Start radian of the arc.
+   * @param endAngel End radian of the arc.
+   * @param anticlockwise Whether to draw the arc counterclockwise.
+   */
+  arc(
+    x: number,
+    y: number,
+    radius: number,
+    startAngle: number,
+    endAngel: number,
+    anticlockwise?: boolean
+  ): void;
+
+  /**
+   * Draws an arc based on the radius and points on the arc.
+   * @param x1 X-coordinate of the first point on the arc.
+   * @param y1 Y-coordinate of the first point on the arc.
+   * @param x2 X-coordinate of the second point on the arc.
+   * @param y2 Y-coordinate of the second point on the arc.
+   * @param radius Radius of the arc.
+   */
+  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+
+  /**
+   * Draws an ellipse based on the coordinate and radius.
+   * @param x X-coordinate of the center point on the ellipse.
+   * @param y Y-coordinate of the center point on the ellipse.
+   * @param radiusX X-coordinate of the radius Length on the ellipse.
+   * @param radiusY Y-coordinate of the radius Length on the ellipse.
+   * @param rotation The rotation angle of the ellipse, in radians.
+   * @param startAngle Angle of the start point for ellipse drawing.
+   * @param endAngle End Point Angle for Ellipse Drawing.
+   * @param anticlockwise Indicates whether to draw an ellipse counterclockwise.
+   * 0: clockwise; 1: counterclockwise. The default value is 0.
+   */
+  ellipse(
+    x: number,
+    y: number,
+    radiusX: number,
+    radiusY: number,
+    rotation: number,
+    startAngle: number,
+    endAngle: number,
+    anticlockwise?: number
+  ): void;
+
+  /**
+   * Creates a rectangular.
+   * @param x X-coordinate of the upper left corner of the rectangle.
+   * @param y Y-coordinate of the upper left corner of the rectangle.
+   * @param width Width of the rectangle.
+   * @param height Height of the rectangle.
+   */
+  rect(x: number, y: number, width: number, height: number): void;
+}
+
+/**
+ * <canvas> provides a rectangular canvas component for drawing graphics on the screen.
+ * You can control each pixel to draw on the canvas.
+ * <canvas> offers a variety of functions for drawing paths, rectangles, circles, text, and allows for adding images to it.
+ */
+export interface CanvasElement extends Element {
+  /**
+   * Obtains the context of 2D canvas drawing.
+   * Only parameters related to 2D canvas drawing are supported.
+   * The return value is a 2D drawing object that provides specific 2D drawing operations.
+   * @param type identifier defining the drawing context associated to the canvas.
+   * @param options use this context attributes to creating rendering context.
+   * @param param
+   */
+  getContext(type: '2d', options?: ContextAttrOptions): CanvasRenderingContext2D;
+
+  /**
+   * Obtains the context of webgl canvas drawing.
+   * Only parameters related to webgl canvas drawing are supported.
+   * The return value is a webgl drawing object that provides specific webgl drawing operations.
+   * @param type identifier defining the drawing context associated to the canvas.
+   * @param options use this context attributes to creating rendering context.
+   * @param param
+   */
+  getContext(type: "webgl", options?: WebGLContextAttributes): WebGLRenderingContext;
+
+  /**
+   * Obtains the context of webgl2 canvas drawing.
+   * Only parameters related to webgl2 canvas drawing are supported.
+   * The return value is a webgl2 drawing object that provides specific webgl2 drawing operations.
+   * @param type identifier defining the drawing context associated to the canvas.
+   * @param options use this context attributes to creating rendering context.
+   * @param param
+   */
+  getContext(type: "webgl2", options?: WebGLContextAttributes): WebGL2RenderingContext;
+
+  /**
+   * Creates a data URI that contains the image display.
+   * @param type A DOMString indicating the image format. The default type is image/png.
+   * @param quality A Number between 0 and 1 indicating image quality if the type option
+   * is image/jpeg or image/webp. If this argument is anything else,
+   * the default value for image quality is used. Other arguments are ignored.
+   */
+  toDataURL(type?: string, quality?: number): string;
+}
+
+export interface ScrollOptions {
+  /**
+   * Scroll to the target position of the page. Unit: px
+   */
+  position: number;
+
+  /**
+   * Duration of the scrolling animation, in ms.
+   */
+  duration: number;
+
+  /**
+   * The selector for current scroll.
+   */
+  id?: string;
+
+  /**
+   * The timing function for current scroll animation.
+   */
+  timingFunction?: string;
+
+  /**
+   * Callback function for successful interface invocation.
+   * @param result the request execution result.
+   */
+  success?: (result: Object) => void;
+
+  /**
+   * Callback function for interface invocation failure.
+   * @param result the request execution result.
+   */
+  fail?: (result: Object) => void;
+
+  /**
+   * Callback function at the end of the interface invoking (executed both successfully and unsuccessfully).
+   * @param result the request execution result.
+   */
+  complete?: (result: Object) => void;
+}
+
+export interface ScrollParam {
+  /**
+   * Offset for scrolling in the horizontal direction, in px.
+   */
+  dx?: number;
+
+  /**
+   * Offset for scrolling in the vertical direction, in px.
+   */
+  dy?: number;
+
+  /**
+   * Whether a sliding animation is displayed when scroll position is changed.
+   */
+  smooth?: boolean;
+}
+
+export interface ScrollOffset {
+  /**
+   * Scrolling offset in the x-axis, in px.
+   */
+  x: number;
+
+  /**
+   * Scrolling offset in the y-axis, in px.
+   */
+  y: number;
+}
+
+/**
+ * The <div> component provides a div container.
+ */
+export interface DivElement extends Element {
+  /**
+   * Scrolls the div for a certain distance.
+   */
+  scrollBy(data: ScrollParam): void;
+
+  /**
+   * Returns the offset of the current scrolling. The return value type is Object.
+   */
+  getScrollOffset(): ScrollOffset;
+}
+
+export interface Application {
+  /**
+   * Object that is exposed in the app.js file and obtained by this.$app.$def.
+   */
+  $def: any;
+}
+
+export interface ViewModel {
+  $app: Application;
+
+  /**
+   * Sets the parameters based on the system language, for example, this.$t('strings.hello').
+   * @param path Path of the language resource key.
+   * @param param Content used to replace placeholders during runtime.
+   * @returns Content.
+   * There are two types of placeholders available:Named placeholder, for example, {name}. The actual content must be of the object type, for example, $t('strings.object', { name: 'Hello world' }).
+   * Digit placeholder, for example, {0}. The actual content must be of the array type, for example, $t('strings.array', ['Hello world'].
+   */
+  $t(path: string, params?: object | Array<any>): string;
+
+  /**
+   * Converses between singular and plural forms based on the system language, for example, this.$tc('strings.plurals').
+   * NOTE
+   * The resource content is distinguished by the following JSON keys: zero, one, two, few, many, and other.
+   * @param path Resource file path.
+   * @param count Value.
+   * @returns Content.
+   */
+  $tc(path: string, count: number): string;
+
+  /**
+   * Replace the resource path based on the DPI of the current device: this.$r('image.tablet').
+   * @param path Resource file path.
+   * @returns Content.
+   */
+  $r(path: string): string;
+
+  /**
+   * Adds an attribute or modifies an existing attribute.
+   * Usage: this.$set('key',value): Add an attribute.
+   * @param key
+   * @param value
+   */
+  $set(key: string, value: any): void;
+
+  /**
+   * Deletes an attribute.
+   * Usage:this.$delete('key'): Delete an attribute.
+   * @param key
+   */
+  $delete(key: string): void;
+
+  /**
+   * Obtains the component with a specified ID. If no ID is specified, the root component is returned.
+   * Usage:
+   * <div id='xxx'></div>
+   * this.$element('xxx'): Obtain the component whose ID is xxx.
+   * this.$element(): Obtain the root component.
+   * @param id Component ID.
+   */
+  $element(
+    id?: string
+  ): AnimationElement &
+    CanvasElement &
+    object &
+    WebElement &
+    CameraElement &
+    ListElement &
+    SwiperElement &
+    DialogElement &
+    ImageAnimatorElement &
+    MarqueeElement &
+    MenuElement &
+    ChartElement &
+    InputElement &
+    ButtonElement &
+    TextAreaElement &
+    PickerElement &
+    VideoElement &
+    DivElement;
+
+  /**
+   * Obtains the root ViewModel instance.
+   */
+  $root(): ViewModel & object;
+
+  /**
+   * Obtains the parent ViewModel instance.
+   */
+  $parent(): ViewModel & object;
+
+  /**
+   * Obtains the ViewModel instance of a custom child component with a specified ID.
+   * Usage:this.$child('xxx'): Obtain the ViewModel instance of a custom child component whose ID is xxx.
+   * @param id Component ID.
+   */
+  $child(id: string): ViewModel & object;
+
+  /**
+   * Listens for attribute changes. If the value of the data attribute changes, the bound event is triggered.
+   * @param data Attribute.
+   * @param callback Function name.
+   */
+  $watch(data: string, callback: string): void;
+
+  /**
+   * An object that holds all DOM elements and component instances that have been registered with the refs attribute.
+   */
+  $refs: ElementReferences;
+
+  /**
+   * Custom events.
+   * @param event The name of event.
+   * @param params The params of event.
+   */
+  $emit(event: string, params?: object): void;
+
+  /**
+   * Scroll the page to the destination.
+   * @param options The properties of event.
+   */
+  scrollTo(options: ScrollOptions): void
+}
+
+export interface ElementReferences {
+  [k: string]: AnimationElement &
+    CanvasElement &
+    object &
+    WebElement &
+    CameraElement &
+    ListElement &
+    SwiperElement &
+    DialogElement &
+    ImageAnimatorElement &
+    MarqueeElement &
+    MenuElement &
+    ChartElement &
+    InputElement &
+    ButtonElement &
+    TextAreaElement &
+    PickerElement &
+    VideoElement &
+    DivElement;
+}
+
+export declare class Locate {
+  /**
+   * language, such as 'zh'.
+   */
+  language: string;
+
+  /**
+   * country or regin, such ass 'CN'.
+   */
+  countryOrRegion: string;
+
+  /**
+   * text layout direction, ltr or rtl.
+   */
+  dir: "ltr" | "rtl";
+
+  /**
+   * The Unicode locale key set defined by the locale. If this locale does not have a specific key set, an empty set is
+   * returned. For example: {"nu": "arab"}, which means that the numbers in the current environment use Arabic numbers.
+   */
+  unicodeSetting: object;
+}
+
+export declare class Configuration {
+  /**
+   * Internationalization related information, such as language, country, text layout direction, etc.
+   */
+  locate: Locate;
+
+  /**
+   * The magnification of the current system font.
+   */
+  fontScale: number;
+}
+
+export interface Options<T extends ViewModel, Data = DefaultData<T>> {
+  /**
+   * Data model of the page that can be converted into a JSON object.
+   * The attribute name cannot start with $ or an underscore (_) or contain the reserved words such as for, if, show, and tid.
+   * For a function, the return value must be an object.
+   * Set the value of data to the return value of the function during page initialization.
+   */
+  data?: Data;
+
+  /**
+   * Listens for page initialization.
+   * Called when page initialization is complete. This function is called only once in a lifecycle.
+   */
+  onInit?(): void;
+
+  /**
+   * Listens for page creation.
+   * Called when a page is created. This function is called only once in a lifecycle.
+   */
+  onReady?(): void;
+
+  /**
+   * Listens for page display.
+   * Called when the page is displayed.
+   */
+  onShow?(): void;
+
+  /**
+   * Listens for page hiding.
+   * Called when the page disappears.
+   */
+  onHide?(): void;
+
+  /**
+   * Listens for page destruction.
+   * Called when the page is destroyed.
+   */
+  onDestroy?(): void;
+
+  /**
+   * Listens for the back button action.
+   * The back button is tapped:
+   * @returns true means that the page processes the return logic.
+   * false means that the default return logic is used.
+   * If no value is returned, the default return logic is used.
+   */
+  onBackPress?(): boolean;
+
+  /**
+   * Listens for application creation.
+   * Called when the application is created.
+   */
+  onCreate?(): void;
+
+  /**
+   * Listens for page active.
+   * Called when the page is activing.
+   */
+  onActive?(): void;
+
+  /**
+   * Listens for page inactive.
+   * Called when the page is paused.
+   */
+  onInactive?(): void;
+
+  /**
+   * This callback is triggered when a new request is received when the FA has started.
+   */
+  onNewRequest?(): void;
+
+  /**
+   * Callback when FA initiates a migration, in this callback, the application can decide whether
+   * to migrate according to the current state.
+   */
+  onStartContinuation?(): boolean;
+
+  /**
+   * For the callback of saving state data, the developer needs to fill in the parameter object
+   * the data to be migrated to the target device.
+   */
+  onSaveData?(value: object): void;
+
+  /**
+   * The callback to restore the data saved by the onSaveData method when the migration was initiated.
+   */
+  onRestoreData?(value: object): void;
+
+  /**
+   * The callback for the completion of the migration, which is triggered on the calling side, indicates
+   * the result of the application migration to the target device.
+   */
+  onCompleteContinuation?(code: number): void;
+
+  /**
+   * This callback is triggered when the corresponding system configuration changes, such as system font size,
+   * language region, etc.
+   */
+  onConfigurationUpdated?(configuration: Configuration): void;
+}
+
+type DefaultData<T> = object;
+type CombinedOptions<T extends ViewModel, Data> = object &
+  Options<T, Data> &
+  ThisType<T & ViewModel & Data>;
+export declare function extendViewModel<T extends ViewModel, Data>(
+  options: CombinedOptions<T, Data>
+): ViewModel & Data;
diff --git a/api/tablet/@system.app.d.ts b/api/tablet/@system.app.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..84587bda64bf7a965f03d23a2de98f223b66e093
--- /dev/null
+++ b/api/tablet/@system.app.d.ts
@@ -0,0 +1,95 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface AppResponse {
+  /**
+   * Application bundleName.
+   * @since 6
+   */
+  appID: string;
+
+  /**
+   * Application name.
+   * @since 3
+   */
+  appName: string;
+
+  /**
+   * Application version name.
+   * @since 3
+   */
+  versionName: string;
+
+  /**
+   * Application version.
+   * @since 3
+   */
+  versionCode: number;
+}
+
+export interface RequestFullWindowOptions {
+  /**
+   * Duration for transition from non-full window to full window, in milliseconds.
+   * By default, the value is in direct proportion to the distance between the non-full window and the full window.
+   * @since 3
+   */
+  duration?: number
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class App {
+  /**
+   * Obtains the declared information in the config.json file of an application.
+   */
+  static getInfo(): AppResponse;
+
+  /**
+   * Destroys the current ability.
+   */
+  static terminate(): void;
+
+  /**
+   * Requests the application to run in full window.
+   * In some scenarios, such as semi-modal FA, the FA runs in non-full window.
+   * In this case, you can call this API.
+   * This API is invalid for an application already in full-window mode.
+   * @param obj Transition time from non-full window to full window, in milliseconds.
+   * By default, the value is in direct proportion to the distance between the non-full window and the full window.
+   */
+  static requestFullWindow(options?: RequestFullWindowOptions): void;
+
+  /**
+   * Set image cache capacity of decoded image count.
+   * If not set, the application will not cache any decoded image.
+   * @param value  capacity of decoded image count
+   */
+  static setImageCacheCount(value: number): void;
+
+  /**
+   * Set image cache capacity of raw image data size in Bytes before decode.
+   * If not set, the application will not cache any raw image data.
+   * @param value  capacity of raw image data size in Bytes.
+   */
+  static setImageRawDataCacheSize(value: number): void;
+
+  /**
+   * Set image file cache size in Bytes on disk before decode.
+   * If not set, the application will not cache 100MB image files on disk.
+   * @param value  capacity of image file size in Bytes.
+   */
+  static setImageFileCacheSize(value: number): void;
+}
diff --git a/api/tablet/@system.battery.d.ts b/api/tablet/@system.battery.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c798225995b34e37fdeff90f6c39993244481e37
--- /dev/null
+++ b/api/tablet/@system.battery.d.ts
@@ -0,0 +1,59 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface BatteryResponse {
+  /**
+   * Whether the battery is being charged.
+   * @since 3
+   */
+  charging: boolean;
+
+  /**
+   * Current battery level, which ranges from 0.00 to 1.00.
+   * @since 3
+   */
+  level: number;
+}
+
+export interface GetStatusOptions {
+  /**
+   * Called when the current charging state and battery level are obtained.
+   * @since 3
+   */
+  success?: (data: BatteryResponse) => void;
+
+  /**
+   * Called when the current charging state and battery level fail to be obtained.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Battery {
+  /**
+   * Obtains the battery level of the current device.
+   * @param options
+   */
+  static getStatus(options?: GetStatusOptions): void;
+}
diff --git a/api/tablet/@system.bluetooth.d.ts b/api/tablet/@system.bluetooth.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3b113373c3516caeaa3080c9b772639e73b9ea42
--- /dev/null
+++ b/api/tablet/@system.bluetooth.d.ts
@@ -0,0 +1,79 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface StartBLEScanOptions {
+  interval: number;
+
+  success: () => void;
+
+  fail: (data: string, code: number) => void;
+
+  complete: () => void;
+}
+
+export interface StopBLEScanOptions {
+  success: () => void;
+
+  fail: (data: string, code: number) => void;
+
+  complete: () => void;
+}
+
+export interface BluetoothDevice {
+  addrType: "public" | "random";
+
+  addr: string;
+
+  rssi: number;
+
+  txpower: string;
+
+  data: string;
+}
+
+export interface BLEFoundResponse {
+  devices: Array<BluetoothDevice>;
+}
+
+export interface SubscribeBLEFoundOptions{
+    success: (data: BLEFoundResponse) => void;
+
+    fail: (data: string, code: number) => void;
+}
+
+export default class Bluetooth {
+  /**
+   * Start BLE scan
+   * @param options Options
+   */
+  static startBLEScan(options: StartBLEScanOptions): void;
+
+  /**
+   * Stop BLE scan
+   * @param options Options
+   */
+  static stopBLEScan(options: StopBLEScanOptions): void;
+
+  /**
+   * Subscribe BLE found
+   * @param options Options
+   */
+  static subscribeBLEFound(options: SubscribeBLEFoundOptions): void;
+
+  /**
+   * Stop the subscription of BLE found
+   */
+  static unsubscribeBLEFound(): void;
+}
\ No newline at end of file
diff --git a/api/tablet/@system.brightness.d.ts b/api/tablet/@system.brightness.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e22b4e0938f1bc2c25e2410efe94b02b829722ab
--- /dev/null
+++ b/api/tablet/@system.brightness.d.ts
@@ -0,0 +1,180 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * The screen brightness mode.
+ */
+export enum BrightnessModeResponse {
+  /**
+   * The screen brightness is manually adjusted.
+   * @since 3
+   */
+  MANUAL,
+
+  /**
+   * The screen brightness is automatically adjusted.
+   * @since 3
+   */
+  AUTO
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Brightness {
+  /**
+   * Obtains the current screen brightness.
+   * @param options
+   */
+  static getValue(options?: {
+    /**
+     * Called when the current screen brightness is obtains.
+     * @since 3
+     */
+    success?: (data: { value: number }) => void;
+
+    /**
+     * Called when the current screen bightness fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets the screen brightness.
+   * @param options
+   */
+  static setValue(options: {
+    /**
+     * Screen brightness. The value is an integer ranging from 1 to 255.
+     * If the value is less than or equal to 0, value 1 will be used.
+     * If the value is greater than 255, value 255 will be used.
+     * If the value contains decimals, the integral part of the value will be used.
+     * For example, if value 8.1 is set, value 8 will be used.
+     * @since 3
+     */
+    value: number;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution os completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the screen brightness adjustment mode.
+   * @param options
+   */
+  static getMode(options?: {
+    /**
+     * Called when the screen brightness adjustment mode is obtained.
+     * @since 3
+     */
+    success?: (data: { mode: BrightnessModeResponse }) => void;
+
+    /**
+     * Called when the screen brightness adjustment mode fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets the screen brightness adjustment mode.
+   * @param options
+   */
+  static setMode(options: {
+    /**
+     * The screen brightness mode
+     * 0: The screen brightness is manually adjusted.
+     * 1: The screen brightness is automatically adjusted.
+     * @since 3
+     */
+    mode: BrightnessModeResponse;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets whether to always keep the screen on.
+   * @param options
+   */
+  static setKeepScreenOn(options: {
+    /**
+     * Whether to always keep the screen on.
+     * @since 3
+     */
+    keepScreenOn: boolean;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/tablet/@system.configuration.d.ts b/api/tablet/@system.configuration.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f829359b523208f086afac0c799de45347126456
--- /dev/null
+++ b/api/tablet/@system.configuration.d.ts
@@ -0,0 +1,46 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface LocaleResponse {
+  /**
+   * Current language of the application. Example: zh.
+   * @since 3
+   */
+  language: string;
+
+  /**
+   * Country or region. Example: CN.
+   * @since 3
+   */
+  countryOrRegion: string;
+
+  /**
+   * Text layout direction. Available values are as follows:
+   * ltr: The text direction is from left to right.
+   * rtl: The text direction is from right to left.
+   * @since 3
+   */
+  dir: "ltr" | "rtl";
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Configuration {
+  /**
+   * Obtains the current locale of the application, which is the same as the system locale.
+   */
+  static getLocale(): LocaleResponse;
+}
diff --git a/api/tablet/@system.device.d.ts b/api/tablet/@system.device.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a7ffbfb8ab647ae46c71f395d3830bf6268e2483
--- /dev/null
+++ b/api/tablet/@system.device.d.ts
@@ -0,0 +1,135 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface DeviceResponse {
+  /**
+   * Brand.
+   * @since 3
+   */
+  brand: string;
+
+  /**
+   * Manufacturer.
+   * @since 3
+   */
+  manufacturer: string;
+
+  /**
+   * Model.
+   * @since 3
+   */
+  model: string;
+
+  /**
+   * Product number.
+   * @since 3
+   */
+  product: string;
+
+  /**
+   * System language.
+   * @since 4
+   */
+  language: string;
+
+  /**
+   * System region.
+   * @since 4
+   */
+  region: string;
+
+  /**
+   * Window width.
+   * @since 3
+   */
+  windowWidth: number;
+
+  /**
+   * Window Height.
+   * @since 3
+   */
+  windowHeight: number;
+
+  /**
+   * Screen density.
+   * @since 4
+   */
+  screenDensity: number;
+
+  /**
+   * Screen shape. The options are as follows:
+   * rect: Rectangle screen.
+   * cicle: Circle screen.
+   * @since 4
+   */
+  screenShape: "rect" | "circle";
+
+  /**
+   * API version.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  apiVersion: number;
+
+  /**
+   * Device type. The options are as follows:
+   * phone: smartphone
+   * tablet: tablet
+   * tv: smart TV
+   * wearable: wearable
+   * liteWearable: lite wearable
+   * ar: AR
+   * vr: virtual reality
+   * earphones: headset
+   * pc: personal computer
+   * speaker: speaker
+   * smartVision: smart visual device
+   * linkIoT: connection module
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  deviceType: string;
+}
+
+export interface GetDeviceOptions {
+  /**
+   * Called when the device information is obtained.
+   * @since 3
+   */
+  success?: (data: DeviceResponse) => void;
+
+  /**
+   * Called when the device information fails to be obtained.
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Device {
+  /**
+   * Obtains the device information.
+   * @param options
+   */
+  static getInfo(options?: GetDeviceOptions): void;
+}
diff --git a/api/tablet/@system.fetch.d.ts b/api/tablet/@system.fetch.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1effccc7fe17cbadddaac9259c504402ebf9f8f2
--- /dev/null
+++ b/api/tablet/@system.fetch.d.ts
@@ -0,0 +1,93 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface FetchResponse {
+  /**
+   * Server status code.
+   * @since 3
+   */
+  code: number;
+
+  /**
+   * Data returned by the success function.
+   * @since 3
+   */
+  data: string | object;
+
+  /**
+   * All headers in the response from the server.
+   * @since 3
+   */
+  headers: Object;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Fetch {
+  /**
+   * Obtains data through the network.
+   * @param options
+   */
+  static fetch(options: {
+    /**
+     * Resource URL.
+     * @since 3
+     */
+    url: string;
+
+    /**
+     * Request parameter, which can be of the string type or a JSON object.
+     * @since 3
+     */
+    data?: string | object;
+
+    /**
+     * Request header, which accommodates all attributes of the request.
+     * @since 3
+     */
+    header?: Object;
+
+    /**
+     * Request methods available: OPTIONS, GET, HEAD, POST, PUT, DELETE and TRACE. The default value is GET.
+     * @since 3
+     */
+    method?: string;
+
+    /**
+     * The return type can be text, or JSON. By default, the return type is determined based on Content-Type in the header returned by the server.
+     * @since 3
+     */
+    responseType?: string;
+
+    /**
+     * Called when the network data is obtained successfully.
+     * @since 3
+     */
+    success?: (data: FetchResponse) => void;
+
+    /**
+     * Called when the network data fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/tablet/@system.file.d.ts b/api/tablet/@system.file.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c890c43d9c4ebff25809a00173a31d972b1cc5f2
--- /dev/null
+++ b/api/tablet/@system.file.d.ts
@@ -0,0 +1,505 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface FileResponse {
+  /**
+   * File URI.
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * File size, in bytes.
+   * @since 3
+   */
+  length: number;
+
+  /**
+   * Timestamp when the file is stored, which is the number of milliseconds elapsed since 1970/01/01 00:00:00 GMT.
+   * @since 3
+   */
+  lastModifiedTime: number;
+
+  /**
+   * File type. Available values are as follows:
+   * dir: directory
+   * file: file
+   * @since 3
+   */
+  type: "dir" | "file";
+
+  /**
+   * File list.
+   * @since 3
+   */
+  subFiles?: Array<FileResponse>;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class File {
+  /**
+   * Moves a specified file to a given location.
+   * @param options Options.
+   */
+  static move(options: {
+    /**
+     * URI of the file to move.
+     * @since 3
+     */
+    srcUri: string;
+
+    /**
+     * URI of the location to which the file is to move.
+     * @since 3
+     */
+    dstUri: string;
+
+    /**
+     * Called when the source file is moved to the specified location successfully.
+     * This function returns the URI of the file moved to the target location.
+     * @since 3
+     */
+    success?: (uri: string) => void;
+
+    /**
+     * Called when moving fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Copies a file and save the copy to a specified location.
+   * @param options Options.
+   */
+  static copy(options: {
+    /**
+     * URI of the file to copy.
+     * @since 3
+     */
+    srcUri: string;
+
+    /**
+     * URI of the location to which the copy is to save.
+     * The directory of application resources and URI of the tmp type are not supported.
+     * @since 3
+     */
+    dstUri: string;
+
+    /**
+     * Called when the source file is copied and saved to the specified location successfully.
+     * This function returns the URI of the file moved to the target location.
+     * @since 3
+     */
+    success?: (uri: string) => void;
+
+    /**
+     * Called when the copy or save operation fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the list of files in a specified directory.
+   * @param options Options.
+   */
+  static list(options: {
+    /**
+     * URI of the directory.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Called when the list is obtained successfully.
+     * @since 3
+     */
+    success?: (data: { fileList: Array<FileResponse> }) => void;
+
+    /**
+     * Called when the list fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains information about a specified local file.
+   * @param options
+   */
+  static get(options: {
+    /**
+     * File URI.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Whether to recursively obtain the file list under a subdirectory.
+     * The default value is false.
+     * @since 3
+     */
+    recursive?: boolean;
+
+    /**
+     * Called when file information is obtained successfully.
+     * @since 3
+     */
+    success?: (file: FileResponse) => void;
+
+    /**
+     * Called when file information fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Deletes a local file.
+   * @param options
+   */
+  static delete(options: {
+    /**
+     * URI of the file to be deleted, which cannot be an application resource path.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Called when local files are deleted successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the deletion fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Writes texts into a specified file.
+   * @param options
+   */
+  static writeText(options: {
+    /**
+     * URI of a local file. If it does not exist, a file will be created.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Character string to write into the local file.
+     * @since 3
+     */
+    text: string;
+
+    /**
+     * Encoding format. The default format is UTF-8.
+     * @since 3
+     */
+    encoding?: string;
+
+    /**
+     * Whether to enable the append mode. The default value is false.
+     * @since 3
+     */
+    append?: boolean;
+
+    /**
+     * Called when texts are written into a file successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when texts fail to be written into a file.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Reads texts from a specified file.
+   * @param options
+   */
+  static readText(options: {
+    /**
+     * URI of a local file.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Encoding format. The default format is UTF-8.
+     * @since 3
+     */
+    encoding?: string;
+
+    /**
+     * Called when texts are read successfully.
+     * @since 3
+     */
+    success?: (data: { text: string }) => void;
+
+    /**
+     * Called when texts fail to be read.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Writes buffer data into a specified file.
+   * @param options Options.
+   */
+  static writeArrayBuffer(options: {
+    /**
+     * URI of a local file. If it does not exist, a file will be created.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Buffer from which the data is derived.
+     * @since 3
+     */
+    buffer: Uint8Array;
+
+    /**
+     * Offset to the position where the writing starts. The default value is 0.
+     * @since 3
+     */
+    position?: number;
+
+    /**
+     * Whether to enable the append mode. The default value is false. If the value is true, the position parameter will become invalid.
+     * @since 3
+     */
+    append?: boolean;
+
+    /**
+     * Called when data from a buffer is written into a file successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when data from a buffer fails to be written into a file.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Reads buffer data from a specified file.
+   * @param options Options.
+   */
+  static readArrayBuffer(options: {
+    /**
+     * URI of a local file.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Position where the reading starts.
+     * The default value is the start position of the file.
+     * @since 3
+     */
+    position?: number;
+
+    /**
+     * Length of the content to read.
+     * If this parameter is not set, the reading proceeds until the end of the file.
+     * @since 3
+     */
+    length?: number;
+
+    /**
+     * Called when the buffer data is read successfully.
+     * @since 3
+     */
+    success?: (data: { buffer: Uint8Array }) => void;
+
+    /**
+     * Called when the buffer data fails to be read.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Checks whether a specified file or directory exists.
+   * @param options Options.
+   */
+  static access(options: {
+    /**
+     * URI of the directory or file.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Called when the check result is obtained successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the check fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Creates a specified directory.
+   * @param options Options.
+   */
+  static mkdir(options: {
+    /**
+     * URI of the directory.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Whether to recursively create upper-level directories of the specified directory.
+     * The default value is false.
+     * @since 3
+     */
+    recursive?: boolean;
+
+    /**
+     * Called when the directory is created successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the creation fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Deletes a specified directory.
+   * @param options
+   */
+  static rmdir(options: {
+    /**
+     * URI of the directory.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Whether to recursively delete sub files and subdirectories of the specified directory.
+     * The default value is false.
+     * @since 3
+     */
+    recursive?: boolean;
+
+    /**
+     * Called when the directory is deleted successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the deletion fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/tablet/@system.geolocation.d.ts b/api/tablet/@system.geolocation.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..251f466768a51d6a6883cd169c7989bd9b851920
--- /dev/null
+++ b/api/tablet/@system.geolocation.d.ts
@@ -0,0 +1,156 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface GeolocationResponse {
+  /**
+   * Longitude.
+   * @since 3
+   */
+  longitude: number;
+
+  /**
+   * Latitude.
+   * @since 3
+   */
+  latitude: number;
+
+  /**
+   * Altitude.
+   * @since 3
+   */
+  altitude: number;
+
+  /**
+   * Location accuracy.
+   * @since 3
+   */
+  accuracy: number;
+
+  /**
+   * Time when the location is obtained.
+   * @since 3
+   */
+  time: number;
+}
+
+export interface GetLocationTypeOption {
+  /**
+   * Available location types, ['gps', 'network'].
+   * @since 3
+   */
+  types: Array<string>;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Geolocation {
+  /**
+   * Obtains the geographic location.
+   * @param options
+   */
+  static getLocation(options?: {
+    /**
+     * Timeout duration, in milliseconds. The default value is 30000.
+     * The timeout duration is necessary in case no result is returned if the request to obtain the geographic location is rejected for the lack of the required permission, weak positioning signal, or incorrect location settings. After the timeout duration expires, the fail function will be called.
+     * The value is a 32-digit positive integer. If the value set is less than or equal to 0, the default value will be used.
+     * @since 3
+     */
+    timeout?: number;
+
+    /**
+     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographic location is obtained.
+     * @since 3
+     */
+    success?: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the supported location types.
+   * @param options
+   */
+  static getLocationType(options?: {
+    /**
+     * Called when the location types are obtained.
+     * @since 3
+     */
+    success?: (data: GetLocationTypeOption) => void;
+
+    /**
+     * Called when the location types fail to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to the geographical location. If this method is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribe(options: {
+    /**
+     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographical location changes.
+     * @since 3
+     */
+    success: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to the geographical location.
+   */
+  static unsubscribe(): void;
+
+  /**
+   * Obtains coordinate system types supported by the device.
+   * @returns A string array of the supported coordinate system types. For details about the value, see coordType.
+   */
+  static getSupportedCoordTypes(): Array<string>;
+}
diff --git a/api/tablet/@system.mediaquery.d.ts b/api/tablet/@system.mediaquery.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8d8eb51a8e2b75a3234ad9ff95e1c949f715348d
--- /dev/null
+++ b/api/tablet/@system.mediaquery.d.ts
@@ -0,0 +1,66 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface MediaQueryEvent {
+  /**
+   * @since 3
+   */
+  matches: boolean;
+}
+
+export interface MediaQueryList {
+  /**
+  * Serialized media query condition.
+  * This parameter is read-only.
+  * @since 3
+  */
+  media?: string;
+
+  /**
+  * Whether the query is successful. True if the query condition is matched successfully, false otherwise.
+  * This parameter is read-only.
+  * @since 3
+  */
+  matches?: boolean;
+
+  /**
+  * Called when the matches value changes.
+  * @since 3
+  */
+  onchange?: (matches: boolean) => void;
+
+  /**
+   * Adds a listening function to MediaQueryList.
+   * The listening function must be added before onShow is called, that is, added to the onInit or onReady function.
+   * @since 3
+   */
+  addListener(callback: (event: MediaQueryEvent) => void): void;
+
+  /**
+   * Removes a listening function from MediaQueryList.
+   * @since 3
+   */
+  removeListener(callback: (event: MediaQueryEvent) => void): void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class MediaQuery {
+  /**
+   * Queries a media item and returns a MediaQueryList object.
+   */
+  static matchMedia(condition: string): MediaQueryList;
+}
diff --git a/api/tablet/@system.network.d.ts b/api/tablet/@system.network.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..531ea6800be9e9d10c7837dc65c40e7e2d3f789a
--- /dev/null
+++ b/api/tablet/@system.network.d.ts
@@ -0,0 +1,81 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface NetworkResponse {
+  /**
+   * Network type. The values can be 2G, 3G, 4G, WiFi, or none.
+   * @since 3
+   */
+  type: string;
+
+  /**
+   * Whether the billing is based on the data volume.
+   * @since 3
+   */
+  metered: boolean;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Network {
+  /**
+   * Obtains the network type.
+   * @param options
+   */
+  static getType(options?: {
+    /**
+     * Called when the network type is obtained.
+     * @since 3
+     */
+    success?: (data: NetworkResponse) => void;
+
+    /**
+     * Called when the network type fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to the network connection state. If this method is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribe(options?: {
+    /**
+     * Called when the network connection state changes.
+     * @since 3
+     */
+    success?: (data: NetworkResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to the network connection state.
+   * @param options
+   */
+  static unsubscribe(): void;
+}
diff --git a/api/tablet/@system.notification.d.ts b/api/tablet/@system.notification.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4b44726778ab854ed5bb693a9b6f0d5794914ec5
--- /dev/null
+++ b/api/tablet/@system.notification.d.ts
@@ -0,0 +1,67 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface ActionResult {
+  /**
+   * Bundle name of the application to be redirected to after the notification is clicked.
+   * @since 3
+   */
+  bundleName: string;
+
+  /**
+   * Ability name of the application to be redirected to after the notification is clicked.
+   * @since 3
+   */
+  abilityName: string;
+
+  /**
+   * URI of the page to be redirected to. The supported URI formats are as follows:
+   * 1. Absolute path of the page, which is provided by the pages list in the config.json file. Example:
+   * pages/index/index
+   * pages/detail/detail
+   * 2. Particular path. If the value is a slash (/), the home page is displayed.
+   * @since 3
+   */
+  uri: string;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Notification {
+  /**
+   * Displays the notification.
+   * @param options
+   */
+  static show(options?: {
+    /**
+     * Notification title.
+     * @since 3
+     */
+    contentTitle?: string;
+
+    /**
+     * Notification content.
+     * @since 3
+     */
+    contentText?: string;
+
+    /**
+     * Action triggered after the notification is clicked.
+     * @since 3
+     */
+    clickAction?: ActionResult;
+  }): void;
+}
\ No newline at end of file
diff --git a/api/tablet/@system.package.d.ts b/api/tablet/@system.package.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2a918ec35a897e6332a87cc24b0a615d9ef33944
--- /dev/null
+++ b/api/tablet/@system.package.d.ts
@@ -0,0 +1,57 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface CheckPackageHasInstalledResponse {
+  /**
+   * Whether the application exists, or whether the native application has been installed.
+   * @since 3
+   */
+  result: boolean;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Package {
+  /**
+   * Checks whether an application exists, or whether a native application has been installed.
+   * @param options
+   */
+  static hasInstalled(options: {
+    /**
+     * Application bundle name.
+     * @since 3
+     */
+    bundleName: string;
+
+    /**
+     * Called when native applications are installed.\
+     * @since 3
+     */
+    success?: (data: CheckPackageHasInstalledResponse) => void;
+
+    /**
+     * Called when native applications fail to be installed.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/tablet/@system.prompt.d.ts b/api/tablet/@system.prompt.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..72f4ae0349a9d484621d4d7a05a54a512ffeea2c
--- /dev/null
+++ b/api/tablet/@system.prompt.d.ts
@@ -0,0 +1,138 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface ShowToastOptions {
+  /**
+   * Text to display.
+   * @since 3
+   */
+  message: string;
+
+  /**
+   * Duration of toast dialog box. The default value is 1500. The recommended value ranges from 1500 ms to 10000ms.
+   * NOTE:
+   * A value less than 1500 is automatically changed to 1500. The maximum value is 10000 ms.
+   * @since 3
+   */
+  duration?: number;
+
+  /**
+   * The distance between toast dialog box and the bottom of screen.
+   * @since 5
+   */
+  bottom?: string | number;
+}
+
+export interface Button {
+  text: string;
+  color: string;
+}
+
+export interface ShowDialogOptions {
+  /**
+   * Title of the text to display.
+   * @since 3
+   */
+  title?: string;
+
+  /**
+   * Text body.
+   * @since 3
+   */
+  message?: string;
+
+  /**
+   * Array of buttons in the dialog box.
+   * The array structure is {text:'button', color: '#666666'}.
+   * One to three buttons are supported. The first button is of the positiveButton type, the second is of the negativeButton type, and the third is of the neutralButton type.
+   * @since 3
+   */
+  buttons?: [Button, Button?, Button?];
+
+  /**
+   * Called when the dialog box is displayed.
+   * @since 3
+   */
+  success?: (data: { index: number }) => void;
+
+  /**
+   * Called when the operation is cancelled.
+   * @since 3
+   */
+  cancel?: (data: string, code: string) => void;
+
+  /**
+   * Called when the dialog box is closed.
+   * @since 3
+   */
+  complete?: (data: string) => void;
+}
+
+export interface ShowActionMenuOptions {
+  /**
+   * Title of the text to display.
+   * @since 6
+   */
+  title?: string;
+
+  /**
+   * Array of buttons in the dialog box.
+   * The array structure is {text:'button', color: '#666666'}.
+   * One to six buttons are supported.
+   * @since 6
+   */
+  buttons: [Button, Button?, Button?, Button?, Button?, Button?];
+
+  /**
+   * Called when the dialog box is displayed.
+   * @since 6
+   */
+  success?: (tapIndex: number, errMsg: string) => void;
+
+  /**
+   * Called when the operation is cancelled.
+   * @since 6
+   */
+  fail?: (errMsg: string) => void;
+
+  /**
+   * Called when the dialog box is closed.
+   * @since 6
+   */
+  complete?: () => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Prompt {
+  /**
+   * Displays the notification text.
+   * @param toast
+   */
+  static showToast(toast: ShowToastOptions): void;
+
+  /**
+   * Displays the dialog box.
+   * @param dialog
+   */
+  static showDialog(dialog: ShowDialogOptions): void;
+
+    /**
+   * Displays the menu.
+   * @param options Options.
+   */
+  static showActionMenu(options: ShowActionMenuOptions): void;
+}
diff --git a/api/tablet/@system.request.d.ts b/api/tablet/@system.request.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..22cfab44746021a33a8b85c81484a343c2c93b2c
--- /dev/null
+++ b/api/tablet/@system.request.d.ts
@@ -0,0 +1,227 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface UploadResponse {
+  /**
+   * Status code returned by the server.
+   * @since 3
+   */
+  code: number;
+
+  /**
+   * Content returned by the server. The value type is determined by the returned content.
+   * @since 3
+   */
+  data: string;
+
+  /**
+   * Headers returned by the server.
+   * @since 3
+   */
+  headers: Object;
+}
+
+export interface DownloadResponse {
+  /**
+   * Download token, which is used to obtain the download status.
+   * @since 3
+   */
+  token: string;
+}
+
+export interface OnDownloadCompleteResponse {
+  /**
+   * URI of the download file.
+   * @since 3
+   */
+  uri: string;
+}
+
+export interface RequestFile {
+  /**
+   * File name in the header when multipart is used.
+   * @since 3
+   */
+  filename?: string;
+
+  /**
+   * Name of a form item when multipart is used. The default value is file.
+   * @since 3
+   */
+  name?: string;
+
+  /**
+   * Local storage directory of a file.
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Type of the file content. By default, the type is obtained based on the suffix of the filename or URI.
+   * @since 3
+   */
+  type?: string;
+}
+
+export interface RequestData {
+  /**
+   * Name of the form element.
+   * @since 3
+   */
+  name: string;
+
+  /**
+   * Value of the form element.
+   * @since 3
+   */
+  value: string;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Request {
+  /**
+   * Upload files.
+   * @param options
+   */
+  static upload(options: {
+    /**
+     * Resource URL.
+     * @since 3
+     */
+    url: string;
+
+    /**
+     * Form data in the request body.
+     * @since 3
+     */
+    data?: RequestData[];
+
+    /**
+     * List of files to upload, which is submitted through multipart/form-data.
+     * @since 3
+     */
+    files: RequestFile[];
+
+    /**
+     * Request header.
+     * @since 3
+     */
+    header?: Object;
+
+    /**
+     * Request methods available: POST and PUT. The default value is POST.
+     * @since 3
+     */
+    method?: string;
+
+    /**
+     * Called when the files are uploaded successfully.
+     * @since 3
+     */
+    success?: (data: UploadResponse) => void;
+
+    /**
+     * Called when uploading fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * This API is used to download files.
+   * @param options
+   */
+  static download(options: {
+    /**
+     * Resource URL.
+     * @since 3
+     */
+    url: string;
+
+    /**
+     * Name of the file to downloaded. The value is obtained from the current request or resource URL by default.
+     * @since 3
+     */
+    filename?: string;
+
+    /**
+     * Request header.
+     * @since 3
+     */
+    header?: string;
+
+    /**
+     * Download description. The default value is the file name.
+     * @since 3
+     */
+    description?: string;
+
+    /**
+     * Called when the files are successfully downloaded.
+     * @since 3
+     */
+    success?: (data: DownloadResponse) => void;
+
+    /**
+     * Called when downloading fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to download task status.
+   * @param options
+   */
+  static onDownloadComplete(options: {
+    /**
+     * Token of the result returned by the download function.
+     * @since 3
+     */
+    token: string;
+
+    /**
+     * Called when the downloads are successfully obtained
+     * @since 3
+     */
+    success?: (data: OnDownloadCompleteResponse) => void;
+
+    /**
+     * Called when the downloads fail to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/tablet/@system.router.d.ts b/api/tablet/@system.router.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c245c5b63345b26c48203d6e95023a2d0c7cf942
--- /dev/null
+++ b/api/tablet/@system.router.d.ts
@@ -0,0 +1,178 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface RouterOptions {
+  /**
+   * URI of the destination page, which supports the following formats:
+   * 1. Absolute path of the page, which is provided by the pages list in the config.json file.
+   * Example:
+   *   pages/index/index
+   *    pages/detail/detail
+   * 2. Particular path. If the URI is a slash (/), the home page is displayed.
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Data that needs to be passed to the destination page during navigation.
+   * After the destination page is displayed, the parameter can be directly used for the page.
+   * For example, this.data1 (data1 is the key value of the params used for page navigation.)
+   * @since 3
+   */
+  params?: Object;
+}
+
+export interface BackRouterOptions {
+  /**
+   * Returns to the page of the specified path.
+   * If the page with the specified path does not exist in the page stack, router.back() is called by default.
+   * @devices tv, phone, tablet, wearable
+   * @since 7
+   */
+  uri?: string;
+
+  /**
+   * Data that needs to be passed to the destination page during navigation.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
+   */
+  params?: Object;
+}
+
+export interface RouterState {
+  /**
+   * Index of the current page in the stack.NOTE:The index starts from 1 from the bottom to the top of the stack.
+   * @since 3
+   */
+  index: number;
+
+  /**
+   * Name of the current page, that is, the file name.
+   * @since 3
+   */
+  name: string;
+
+  /**
+   * Path of the current page.
+   * @since 3
+   */
+  path: string;
+}
+
+export interface EnableAlertBeforeBackPageOptions {
+  /**
+   * dialog context.
+   * @since 6
+   */
+  message: string;
+
+  /**
+   * Called when the dialog box is displayed.
+   * @since 6
+   */
+  success?: (errMsg: string) => void;
+
+  /**
+   * Called when the operation is cancelled.
+   * @since 6
+   */
+  cancel?: (errMsg: string) => void;
+
+  /**
+   * Called when the dialog box is closed.
+   * @since 6
+   */
+  complete?: () => void;
+}
+
+export interface DisableAlertBeforeBackPageOptions {
+  /**
+   * Called when the dialog box is displayed.
+   * @since 6
+   */
+  success?: (errMsg: string) => void;
+
+  /**
+   * Called when the operation is cancelled.
+   * @since 6
+   */
+  cancel?: (errMsg: string) => void;
+
+  /**
+   * Called when the dialog box is closed.
+   * @since 6
+   */
+  complete?: () => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Router {
+  /**
+   * Navigates to a specified page in the application based on the page URL and parameters.
+   * @param obj
+   */
+  static push(obj: RouterOptions): void;
+
+  /**
+   * Replaces the current page with another one in the application. The current page is destroyed after replacement.
+   * @param obj
+   */
+  static replace(obj: RouterOptions): void;
+
+  /**
+   * Returns to the previous page or a specified page.
+   * @param obj
+   * @since 7
+   */
+  static back(options?: BackRouterOptions): void;
+
+  /**
+   * Obtains information about the current page params.
+   * @returns Page params.
+   * @since 7
+   */
+  static getParams(): Object;
+
+  /**
+   * Clears all historical pages and retains only the current page at the top of the stack.
+   */
+  static clear(): void;
+
+  /**
+   * Obtains the number of pages in the current stack.
+   * @returns Number of pages in the stack. The maximum value is 32.
+   */
+  static getLength(): string;
+
+  /**
+   * Obtains information about the current page state.
+   * @returns Page state.
+   */
+  static getState(): RouterState;
+
+  /**
+   * Pop up dialog to ask whether to back
+   * @param options Options.
+   */
+  static enableAlertBeforeBackPage(options: EnableAlertBeforeBackPageOptions): void;
+
+  /**
+   * cancel enableAlertBeforeBackPage
+   * @param options Options.
+   */
+  static disableAlertBeforeBackPage(options?: DisableAlertBeforeBackPageOptions): void;
+}
diff --git a/api/tablet/@system.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..529b611d862c67be5f395e6bc7f6b2295ed76f8d
--- /dev/null
+++ b/api/tv/@system.device.d.ts
@@ -0,0 +1,134 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface DeviceResponse {
+  /**
+   * Brand.
+   * @since 3
+   */
+  brand: string;
+
+  /**
+   * Manufacturer.
+   * @since 3
+   */
+  manufacturer: string;
+
+  /**
+   * Model.
+   * @since 3
+   */
+  model: string;
+
+  /**
+   * Product number.
+   * @since 3
+   */
+  product: string;
+
+  /**
+   * System language.
+   * @since 4
+   */
+  language: string;
+
+  /**
+   * System region.
+   * @since 4
+   */
+  region: string;
+
+  /**
+   * Window width.
+   * @since 3
+   */
+  windowWidth: number;
+
+  /**
+   * Window Height.
+   * @since 3
+   */
+  windowHeight: number;
+
+  /**
+   * Screen density.
+   * @since 4
+   */
+  screenDensity: number;
+
+  /**
+   * Screen shape. The options are as follows:
+   * rect: Rectangle screen.
+   * cicle: Circle screen.
+   * @since 4
+   */
+  screenShape: "rect" | "circle";
+
+  /**
+   * API version.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  apiVersion: number;
+
+  /**
+   * Device type. The options are as follows:
+   * phone: smartphone
+   * tablet: tablet
+   * tv: smart TV
+   * wearable: wearable
+   * liteWearable: lite wearable
+   * ar: AR
+   * vr: virtual reality
+   * earphones: headset
+   * pc: personal computer
+   * speaker: speaker
+   * smartVision: smart visual device
+   * linkIoT: connection module
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+}
+
+export interface GetDeviceOptions {
+  /**
+   * Called when the device information is obtained.
+   * @since 3
+   */
+  success?: (data: DeviceResponse) => void;
+
+  /**
+   * Called when the device information fails to be obtained.
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Device {
+  /**
+   * Obtains the device information.
+   * @param options
+   */
+  static getInfo(options?: GetDeviceOptions): void;
+}
diff --git a/api/tv/@system.fetch.d.ts b/api/tv/@system.fetch.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e974eebd75cd3af36eec85e6e14ec017fbcdc778
--- /dev/null
+++ b/api/tv/@system.fetch.d.ts
@@ -0,0 +1,97 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface FetchResponse {
+  /**
+   * Server status code.
+   * @since 3
+   */
+  code: number;
+
+  /**
+   * Data returned by the success function.
+   * @since 3
+   */
+  data: string | object;
+
+  /**
+   * All headers in the response from the server.
+   * @since 3
+   */
+  headers: Object;
+}
+
+export interface FetchOptions {
+  /**
+   * Resource URL.
+   * @since 3
+   */
+  url: string;
+
+  /**
+   * Request parameter, which can be of the string type or a JSON object.
+   * @since 3
+   */
+  data?: string | object;
+
+  /**
+   * Request header.
+   * @since 3
+   */
+  header?: Object;
+
+  /**
+   * Request methods available: OPTIONS, GET, HEAD, POST, PUT, DELETE and TRACE.
+   * The default value is GET.
+   * @since 3
+   */
+  method?: "OPTIONS" | "GET" | "HEAD" | "POST" | "PUT" | "DELETE" | "TRACE";
+
+  /**
+   * The return type can be text, or JSON.
+   * By default, the return type is determined based on Content-Type in the header returned by the server.
+   * @since 3
+   */
+  responseType?: string;
+
+  /**
+   * Called when the network data is obtained successfully.
+   * @since 3
+   */
+  success?: (data: FetchResponse) => void;
+
+  /**
+   * Called when the network data fails to be obtained.
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Fetch {
+  /**
+   * Obtains data through the network.
+   * @param options
+   */
+  static fetch(options: FetchOptions): void;
+}
diff --git a/api/tv/@system.file.d.ts b/api/tv/@system.file.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e36081c2de19d140326d9facfda8f90bfe7df994
--- /dev/null
+++ b/api/tv/@system.file.d.ts
@@ -0,0 +1,507 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface FileResponse {
+  /**
+   * File URI.
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * File size, in bytes.
+   * @since 3
+   */
+  length: number;
+
+  /**
+   * Timestamp when the file is stored, which is the number of milliseconds elapsed since 1970/01/01 00:00:00 GMT.
+   * @since 3
+   */
+  lastModifiedTime: number;
+
+  /**
+   * File type. Available values are as follows:
+   * dir: directory
+   * file: file
+   * @since 3
+   */
+  type: "dir" | "file";
+}
+
+export interface IFile extends FileResponse {
+  /**
+   * File list.
+   * @since 3
+   */
+  subFiles?: Array<IFile>;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class File {
+  /**
+   * Moves a specified file to a given location.
+   * @param options Options.
+   */
+  static move(options: {
+    /**
+     * URI of the file to move.
+     * @since 3
+     */
+    srcUri: string;
+
+    /**
+     * URI of the location to which the file is to move.
+     * @since 3
+     */
+    dstUri: string;
+
+    /**
+     * Called when the source file is moved to the specified location successfully.
+     * This function returns the URI of the file moved to the target location.
+     * @since 3
+     */
+    success?: (uri: string) => void;
+
+    /**
+     * Called when moving fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Copies a file and save the copy to a specified location.
+   * @param options Options.
+   */
+  static copy(options: {
+    /**
+     * URI of the file to copy.
+     * @since 3
+     */
+    srcUri: string;
+
+    /**
+     * URI of the location to which the copy is to save.
+     * The directory of application resources and URI of the tmp type are not supported.
+     * @since 3
+     */
+    dstUri: string;
+
+    /**
+     * Called when the source file is copied and saved to the specified location successfully.
+     * This function returns the URI of the file moved to the target location.
+     * @since 3
+     */
+    success?: (uri: string) => void;
+
+    /**
+     * Called when the copy or save operation fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the list of files in a specified directory.
+   * @param options Options.
+   */
+  static list(options: {
+    /**
+     * URI of the directory.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Called when the list is obtained successfully.
+     * @since 3
+     */
+    success?: (data: { fileList: Array<FileResponse> }) => void;
+
+    /**
+     * Called when the list fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains information about a specified local file.
+   * @param options
+   */
+  static get(options: {
+    /**
+     * File URI.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Whether to recursively obtain the file list under a subdirectory.
+     * The default value is false.
+     * @since 3
+     */
+    recursive?: boolean;
+
+    /**
+     * Called when file information is obtained successfully.
+     * @since 3
+     */
+    success?: (file: IFile) => void;
+
+    /**
+     * Called when file information fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Deletes a local file.
+   * @param options
+   */
+  static delete(options: {
+    /**
+     * URI of the file to be deleted, which cannot be an application resource path.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Called when local files are deleted successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the deletion fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Writes texts into a specified file.
+   * @param options
+   */
+  static writeText(options: {
+    /**
+     * URI of a local file. If it does not exist, a file will be created.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Character string to write into the local file.
+     * @since 3
+     */
+    text: string;
+
+    /**
+     * Encoding format. The default format is UTF-8.
+     * @since 3
+     */
+    encoding?: string;
+
+    /**
+     * Whether to enable the append mode. The default value is false.
+     * @since 3
+     */
+    append?: boolean;
+
+    /**
+     * Called when texts are written into a file successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when texts fail to be written into a file.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Reads texts from a specified file.
+   * @param options
+   */
+  static readText(options: {
+    /**
+     * URI of a local file.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Encoding format. The default format is UTF-8.
+     * @since 3
+     */
+    encoding?: string;
+
+    /**
+     * Called when texts are read successfully.
+     * @since 3
+     */
+    success?: (data: { text: string }) => void;
+
+    /**
+     * Called when texts fail to be read.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Writes buffer data into a specified file.
+   * @param options Options.
+   */
+  static writeArrayBuffer(options: {
+    /**
+     * URI of a local file. If it does not exist, a file will be created.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Buffer from which the data is derived.
+     * @since 3
+     */
+    buffer: Uint8Array;
+
+    /**
+     * Offset to the position where the writing starts. The default value is 0.
+     * @since 3
+     */
+    position?: number;
+
+    /**
+     * Whether to enable the append mode. The default value is false. If the value is true, the position parameter will become invalid.
+     * @since 3
+     */
+    append?: boolean;
+
+    /**
+     * Called when data from a buffer is written into a file successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when data from a buffer fails to be written into a file.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Reads buffer data from a specified file.
+   * @param options Options.
+   */
+  static readArrayBuffer(options: {
+    /**
+     * URI of a local file.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Position where the reading starts.
+     * The default value is the start position of the file.
+     * @since 3
+     */
+    position?: number;
+
+    /**
+     * Length of the content to read.
+     * If this parameter is not set, the reading proceeds until the end of the file.
+     * @since 3
+     */
+    length?: number;
+
+    /**
+     * Called when the buffer data is read successfully.
+     * @since 3
+     */
+    success?: (data: { buffer: Uint8Array }) => void;
+
+    /**
+     * Called when the buffer data fails to be read.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Checks whether a specified file or directory exists.
+   * @param options Options.
+   */
+  static access(options: {
+    /**
+     * URI of the directory or file.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Called when the check result is obtained successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the check fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Create a specified directory.
+   * @param options
+   */
+  static mkdir(options: {
+    /**
+     * URI of the directory.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Whether to recursively create upper-level directories of the specified directory.
+     * The default value is false.
+     * @since 3
+     */
+    recursive?: boolean;
+
+    /**
+     * Called when the directory is created successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the creation fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Deletes a specified directory.
+   * @param options
+   */
+  static rmdir(options: {
+    /**
+     * URI of the directory.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Whether to recursively delete sub files and subdirectories of the specified directory.
+     * The default value is false.
+     * @since 3
+     */
+    recursive?: boolean;
+
+    /**
+     * Called when the directory is deleted successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the deletion fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/tv/@system.geolocation.d.ts b/api/tv/@system.geolocation.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..eab5ab8aa3b662b0d6d27e2ae5e9046e8c373df9
--- /dev/null
+++ b/api/tv/@system.geolocation.d.ts
@@ -0,0 +1,151 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface GeolocationResponse {
+  /**
+   * Longitude.
+   * @since 3
+   */
+  longitude: number;
+
+  /**
+   * Latitude.
+   * @since 3
+   */
+  latitude: number;
+
+  /**
+   * Location accuracy.
+   * @since 3
+   */
+  accuracy: number;
+
+  /**
+   * Time when the location is obtained.
+   * @since 3
+   */
+  time: number;
+}
+
+export interface GetLocationTypeResponse {
+  /**
+   * Available location types, ['gps', 'network'].
+   * @since 3
+   */
+  types: Array<string>;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Geolocation {
+  /**
+   * Obtains the geographic location.
+   * @param options
+   */
+  static getLocation(options?: {
+    /**
+     * Timeout duration, in milliseconds. The default value is 30000.
+     * The timeout duration is necessary in case no result is returned if the request to obtain the geographic location is rejected for the lack of the required permission, weak positioning signal, or incorrect location settings. After the timeout duration expires, the fail function will be called.
+     * The value is a 32-digit positive integer. If the value set is less than or equal to 0, the default value will be used.
+     * @since 3
+     */
+    timeout?: number;
+
+    /**
+     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographic location is obtained.
+     * @since 3
+     */
+    success?: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the supported location types.
+   * @param options
+   */
+  static getLocationType(options?: {
+    /**
+     * Called when the location types are obtained.
+     * @since 3
+     */
+    success?: (data: GetLocationTypeResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to the geographical location. If this method is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribe(options: {
+    /**
+     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographical location changes.
+     * @since 3
+     */
+    success: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to the geographical location.
+   * @since 3
+   */
+  static unsubscribe(): void;
+
+  /**
+   * Obtains coordinate system types supported by the device.
+   * @returns A string array of the supported coordinate system types. For details about the value, see coordType.
+   */
+  static getSupportedCoordTypes(): Array<string>;
+}
diff --git a/api/tv/@system.mediaquery.d.ts b/api/tv/@system.mediaquery.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8d8eb51a8e2b75a3234ad9ff95e1c949f715348d
--- /dev/null
+++ b/api/tv/@system.mediaquery.d.ts
@@ -0,0 +1,66 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface MediaQueryEvent {
+  /**
+   * @since 3
+   */
+  matches: boolean;
+}
+
+export interface MediaQueryList {
+  /**
+  * Serialized media query condition.
+  * This parameter is read-only.
+  * @since 3
+  */
+  media?: string;
+
+  /**
+  * Whether the query is successful. True if the query condition is matched successfully, false otherwise.
+  * This parameter is read-only.
+  * @since 3
+  */
+  matches?: boolean;
+
+  /**
+  * Called when the matches value changes.
+  * @since 3
+  */
+  onchange?: (matches: boolean) => void;
+
+  /**
+   * Adds a listening function to MediaQueryList.
+   * The listening function must be added before onShow is called, that is, added to the onInit or onReady function.
+   * @since 3
+   */
+  addListener(callback: (event: MediaQueryEvent) => void): void;
+
+  /**
+   * Removes a listening function from MediaQueryList.
+   * @since 3
+   */
+  removeListener(callback: (event: MediaQueryEvent) => void): void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class MediaQuery {
+  /**
+   * Queries a media item and returns a MediaQueryList object.
+   */
+  static matchMedia(condition: string): MediaQueryList;
+}
diff --git a/api/tv/@system.network.d.ts b/api/tv/@system.network.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..76fe6f893fc75375187580da7727fbea621b71f6
--- /dev/null
+++ b/api/tv/@system.network.d.ts
@@ -0,0 +1,81 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface NetworkResponse {
+  /**
+   * Network type. The value can be 2G, 3G, 4G, WiFi, or none.
+   * @since 3
+   */
+  type: string;
+
+  /**
+   * Whether the billing is based on the data volume.
+   * @since 3
+   */
+  metered: boolean;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Network {
+  /**
+   * Obtains the network type.
+   * @param options
+   */
+  static getType(options?: {
+    /**
+     * Called when the network type is obtained.
+     * @since 3
+     */
+    success?: (data: NetworkResponse) => void;
+
+    /**
+     * Called when the network type fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to the network connection state. If this method is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribe(options?: {
+    /**
+     * Called when the network connection state changes.
+     * @since 3
+     */
+    success?: (data: NetworkResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to the network connection state.
+   * @param options
+   */
+  static unsubscribe(): void;
+}
diff --git a/api/tv/@system.notification.d.ts b/api/tv/@system.notification.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..fa7b1836256d9aa614287e4b2e2b77bfb8e43e2e
--- /dev/null
+++ b/api/tv/@system.notification.d.ts
@@ -0,0 +1,67 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface ActionResult {
+  /**
+   * Bundle name of the application to be redirected to after the notification is clicked.
+   * @since 3
+   */
+  bundleName: string;
+
+  /**
+   * Ability name of the application to be redirected to after the notification is clicked.
+   * @since 3
+   */
+  abilityName: string;
+
+  /**
+   * URI of the page to be redirected to. The supported URI formats are as follows:
+   * 1. Absolute path of the page, which is provided by the pages list in the config.json file. Example:
+   * pages/index/index
+   * pages/detail/detail
+   * 2. Particular path. If the value is a slash (/), the home page is displayed.
+   * @since 3
+   */
+  uri: string;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Notification {
+    /**
+     * Displays the notification.
+     * @param options
+     */
+    static show(options?: {
+      /**
+       * Notification title.
+       * @since 3
+       */
+      contentTitle?: string;
+
+      /**
+       * Notification content.
+       * @since 3
+       */
+      contentText?: string;
+
+      /**
+       * Action triggered after the notification is clicked.
+       * @since 3
+       */
+      clickAction?: ActionResult;
+    }): void;
+}
\ No newline at end of file
diff --git a/api/tv/@system.package.d.ts b/api/tv/@system.package.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6dbaf27ac95325b7840ddeeb68cdc1c84ce2f651
--- /dev/null
+++ b/api/tv/@system.package.d.ts
@@ -0,0 +1,57 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface CheckPackageHasInstalledResponse {
+  /**
+   * Whether the application exists, or whether the native application has been installed.
+   * @since 3
+   */
+  result: boolean;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Package {
+  /**
+   * Checks whether an application exists, or whether a native application has been installed.
+   * @param options
+   */
+  static hasInstalled(options: {
+    /**
+     * Application bundle name.
+     * @since 3
+     */
+    bundleName: string;
+
+    /**
+     * Called when native applications are installed.
+     * @since 3
+     */
+    success?: (data: CheckPackageHasInstalledResponse) => void;
+
+    /**
+     * Called when native applications fail to be installed.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/tv/@system.prompt.d.ts b/api/tv/@system.prompt.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5bcde677680a78f8d205ea9f595cac9950d234d4
--- /dev/null
+++ b/api/tv/@system.prompt.d.ts
@@ -0,0 +1,98 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface ShowToastOptions {
+  /**
+   * Text to display.
+   * @since 3
+   */
+  message: string;
+
+  /**
+   * Duration of toast dialog box. The default value is 1500. The recommended value ranges from 1500 ms to 10000ms.
+   * NOTE:
+   * A value less than 1500 is automatically changed to 1500. The maximum value is 10000 ms.
+   * @since 3
+   */
+  duration?: number;
+
+  /**
+   * The distance between toast dialog box and the bottom of screen.
+   * @since 5
+   */
+  bottom?: string | number;
+}
+
+export interface Button {
+  text: string;
+  color: string;
+}
+
+export interface ShowDialogOptions {
+  /**
+   * Title of the text to display.
+   * @since 3
+   */
+  title?: string;
+
+  /**
+   * Text body.
+   * @since 3
+   */
+  message?: string;
+
+  /**
+   * Array of buttons in the dialog box.
+   * The array structure is {text:'button', color: '#666666'}.
+   * One to three buttons are supported. The first button is of the positiveButton type, the second is of the negativeButton type, and the third is of the neutralButton type.
+   * @since 3
+   */
+  buttons?: [Button, Button?, Button?];
+
+  /**
+   * Called when the dialog box is displayed.
+   * @since 3
+   */
+  success?: (data: { index: number }) => void;
+
+  /**
+   * Called when the operation is cancelled.
+   * @since 3
+   */
+  cancel?: (data: string, code: string) => void;
+
+  /**
+   * Called when the dialog box is closed.
+   * @since 3
+   */
+  complete?: (data: string) => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Prompt {
+  /**
+   * Displays the notification text.
+   * @param toast
+   */
+  static showToast(toast: ShowToastOptions): void;
+
+  /**
+   * Displays the dialog box.
+   * @param dialog
+   */
+  static showDialog(dialog: ShowDialogOptions): void;
+}
diff --git a/api/tv/@system.request.d.ts b/api/tv/@system.request.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8bad4d68f32ee9f5b17d53e8870b93b008569f63
--- /dev/null
+++ b/api/tv/@system.request.d.ts
@@ -0,0 +1,227 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface UploadResponse {
+  /**
+   * Status code returned by the server.
+   * @since 3
+   */
+  code: number;
+
+  /**
+   * Content returned by the server. The value type is determined by the returned content.
+   * @since 3
+   */
+  data: string;
+
+  /**
+   * Headers returned by the server.
+   * @since 3
+   */
+  headers: Object;
+}
+
+export interface DownloadResponse {
+  /**
+   * Download token, which is used to obtain the download status.
+   * @since 3
+   */
+  token: string;
+}
+
+export interface OnDownloadCompleteResponse {
+  /**
+   * URI of the download file.
+   * @since 3
+   */
+  uri: string;
+}
+
+export interface IFile {
+  /**
+   * File name in the header when multipart is used.
+   * @since 3
+   */
+  filename?: string;
+
+  /**
+   * Name of a form item when multipart is used. The default value is file.
+   * @since 3
+   */
+  name?: string;
+
+  /**
+   * Local storage directory of a file.
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Type of the file content. By default, the type is obtained based on the suffix of the file name or URI.
+   * @since 3
+   */
+  type?: string;
+}
+
+export interface IData {
+  /**
+   * Name of the form element.
+   * @since 3
+   */
+  name: string;
+
+  /**
+   * Value of the form element.
+   * @since 3
+   */
+  value: string;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Request {
+  /**
+   * Upload files.
+   * @param options
+   */
+  static upload(options: {
+    /**
+     * Resource URL.
+     * @since 3
+     */
+    url: string;
+
+    /**
+     * Form data in the request body.
+     * @since 3
+     */
+    data?: IData[];
+
+    /**
+     * List of files to upload, which is submitted through multipart/form-data.
+     * @since 3
+     */
+    files: IFile[];
+
+    /**
+     * Request header.
+     * @since 3
+     */
+    header?: Object;
+
+    /**
+     * Request methods available: POST and PUT. The default value is POST.
+     * @since 3
+     */
+    method?: string;
+
+    /**
+     * Called when the files are uploaded successfully.
+     * @since 3
+     */
+    success?: (data: UploadResponse) => void;
+
+    /**
+     * Called when uploading fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * This API is used to download files.
+   * @param options
+   */
+  static download(options: {
+    /**
+     * Resource URL.
+     * @since 3
+     */
+    url: string;
+
+    /**
+     * Name of the file to downloaded. The value is obtained from the current request or resource URL by default.
+     * @since 3
+     */
+    filename?: string;
+
+    /**
+     * Request header.
+     * @since 3
+     */
+    header?: string;
+
+    /**
+     * Download description. The default value is the file name.
+     * @since 3
+     */
+    description?: string;
+
+    /**
+     * Called when the files are successfully downloaded.
+     * @since 3
+     */
+    success?: (data: DownloadResponse) => void;
+
+    /**
+     * Called when downloading fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to download task status.
+   * @param options
+   */
+  static onDownloadComplete(options: {
+    /**
+     * Token of the result returned by the download function.
+     * @since 3
+     */
+    token: string;
+
+    /**
+     * Called when the downloads are successfully obtained
+     * @since 3
+     */
+    success?: (data: OnDownloadCompleteResponse) => void;
+
+    /**
+     * Called when the downloads fail to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/tv/@system.router.d.ts b/api/tv/@system.router.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3c990167a87439749f827dd0db3ebf3a594f0a5f
--- /dev/null
+++ b/api/tv/@system.router.d.ts
@@ -0,0 +1,120 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface RouterOptions {
+  /**
+   * URI of the destination page, which supports the following formats:
+   * 1. Absolute path of the page, which is provided by the pages list in the config.json file.
+   * Example:
+   *   pages/index/index
+   *   pages/detail/detail
+   * 2. Particular path. If the URI is a slash (/), the home page is displayed.
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Data that needs to be passed to the destination page during navigation.
+   * After the destination page is displayed, the parameter can be directly used for the page.
+   * For example, this.data1 (data1 is the key value of the params used for page navigation.)
+   * @since 3
+   */
+  params?: Object;
+}
+
+export interface BackRouterOptions {
+  /**
+   * Returns to the page of the specified path.
+   * If the page with the specified path does not exist in the page stack, router.back() is called by default.
+   * @devices tv, phone, tablet, wearable
+   * @since 7
+   */
+  uri?: string;
+
+  /**
+   * Data that needs to be passed to the destination page during navigation.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
+   */
+  params?: Object;
+}
+
+export interface RouterState {
+  /**
+   * Index of the current page in the stack.NOTE:The index starts from 1 from the bottom to the top of the stack.
+   * @since 3
+   */
+  index: number;
+
+  /**
+   * Name of the current page, that is, the file name.
+   * @since 3
+   */
+  name: string;
+
+  /**
+   * Path of the current page.
+   * @since 3
+   */
+  path: string;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Router {
+  /**
+   * Navigates to a specified page in the application based on the page URL and parameters.
+   * @param obj
+   */
+  static push(obj: RouterOptions): void;
+
+  /**
+   * Replaces the current page with another one in the application. The current page is destroyed after replacement.
+   * @param obj
+   */
+  static replace(obj: RouterOptions): void;
+
+  /**
+   * Returns to the previous page or a specified page.
+   * @param obj
+   * @since 7
+   */
+  static back(options?: BackRouterOptions): void;
+
+  /**
+   * Obtains information about the current page params.
+   * @returns Page params.
+   * @since 7
+   */
+  static getParams(): Object;
+
+  /**
+   * Clears all historical pages and retains only the current page at the top of the stack.
+   */
+  static clear(): void;
+
+  /**
+   * Obtains the number of pages in the current stack.
+   * @returns Number of pages in the stack. The maximum value is 32.
+   */
+  static getLength(): string;
+
+  /**
+   * Obtains information about the current page state.
+   * @returns Page state.
+   */
+  static getState(): RouterState;
+}
diff --git a/api/tv/@system.storage.d.ts b/api/tv/@system.storage.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0a4c814410881f33a8ac681071831194e235c72d
--- /dev/null
+++ b/api/tv/@system.storage.d.ts
@@ -0,0 +1,145 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Storage {
+  /**
+   * Reads the stored content.
+   * @param options
+   */
+  static get(options: {
+    /**
+     * Content index.
+     * @since 3
+     */
+    key: string;
+
+    /**
+     * Default value returned when the key does not exist. If this parameter is not specified, an empty string is returned.
+     * @since 3
+     */
+    default?: string;
+
+    /**
+     * Called when the stored content is read successfully.
+     * @since 3
+     */
+    success?: (data: any) => void;
+
+    /**
+     * Called when the stored content fails to be read.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Modifies the stored content.
+   * @param options
+   */
+  static set(options: {
+    /**
+     * Index of the stored content to be modified.
+     * @since 3
+     */
+    key: string;
+
+    /**
+     * Target storage content. If the content is an empty string, the data item with the key as the index will be deleted.
+     * @since 3
+     */
+    value: string;
+
+    /**
+     * Called when the stored content is modified successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the stored content fails to be modified.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Clears the stored content.
+   * @param options
+   */
+  static clear(options?: {
+    /**
+     * Called when the stored content is cleared successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the stored content fails to be cleared.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Deletes the stored content.
+   * @param options
+   */
+  static delete(options: {
+    /**
+     * Content index.
+     * @since 3
+     */
+    key: string;
+
+    /**
+     * Called when the stored content is deleted successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the stored content fails to be deleted.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/wearable/@internal/console.d.ts b/api/wearable/@internal/console.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a89f67bb0d4c1a7891e03c9c5aef61c6bfc04e57
--- /dev/null
+++ b/api/wearable/@internal/console.d.ts
@@ -0,0 +1,46 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export declare class console {
+  /**
+   * Prints "debug" logs.
+   * @param message Text to print.
+   */
+  static debug(message: string, ...arguments: any[]): void;
+
+  /**
+   * Prints "log" logs.
+   * @param message Text to print.
+   */
+  static log(message: string, ...arguments: any[]): void;
+
+  /**
+   * Prints "info" logs.
+   * @param message Text to print.
+   */
+  static info(message: string, ...arguments: any[]): void;
+
+  /**
+   * Prints "warn" logs.
+   * @param message Text to print.
+   */
+  static warn(message: string, ...arguments: any[]): void;
+
+  /**
+   * Prints "error" logs.
+   * @param message Text to print.
+   */
+  static error(message: string, ...arguments: any[]): void;
+}
diff --git a/api/wearable/@internal/featureability.d.ts b/api/wearable/@internal/featureability.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f9ba85a227f0dcbafdb4f50535250aa1c74d82c8
--- /dev/null
+++ b/api/wearable/@internal/featureability.d.ts
@@ -0,0 +1,204 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface Result {
+  /**
+   * Result code.
+   */
+  code: number;
+
+  /**
+   * Returned data.
+   */
+  data: object;
+}
+
+export interface CallAbilityParam {
+  /**
+   * Name of the bundle where the ability locates. The name is case sensitive and must be the same as that on the AA side.
+   */
+  bundleName: string;
+  /**
+   * Ability name, which is case sensitive and must be the same as that on the AA side.
+   */
+  abilityName: string;
+  /**
+   * Ability operation code, which defines the service function of an AA and must be consistent with the AA side.
+   */
+  messageCode: number;
+  /**
+   * Ability type. Different types of abilities have different implementation on the AA side.
+   * 0: Ability, which has an independent lifecycle. The FA starts and requests an AA through an RPC. Such type of abilities are used to provide basic services for multiple FAs to call or are used when the abilities should run in the background.
+   * 1: Internal ability, which shares the same process with the FA and communicates with it by calling internal functions. Such type of abilities are used in scenarios that require low response latency and cannot be called by other FAs.
+   */
+  abilityType: number;
+  /**
+   * Data sent to the ability. The data to carry differs depending on the service to be processed and its field name must be consistent with the AA side.
+   */
+  data?: object;
+  /**
+   * Whether the request is synchronous or asynchronous. The synchronous mode is used by default. Currently, the asynchronous mode is available only for internal abilities.
+   * 0: Synchronous mode (default value)
+   * 1: Asynchronous mode
+   */
+  syncOption?: number;
+}
+
+export interface SubscribeAbilityEventParam {
+  /**
+   * Name of the bundle where the ability locates. The name is case sensitive and must be the same as that on the AA side.
+   */
+  bundleName: string;
+  /**
+   * Ability name, which is case sensitive and must be the same as that on the AA side.
+   */
+  abilityName: string;
+  /**
+   * Ability operation code, which defines the service function of an AA and must be consistent with the AA side.
+   */
+  messageCode: number;
+  /**
+   * Ability type. Different types of abilities have different implementation on the AA side.
+   * 0: Ability, which has an independent lifecycle. The FA starts and requests an AA through an RPC. Such type of abilities are used to provide basic services for multiple FAs to call or are used when the abilities should run in the background.
+   * 1: Internal ability, which shares the same process with the FA and communicates with it by calling internal functions. Such type of abilities are used in scenarios that require low response latency and cannot be called by other FAs.
+   */
+  abilityType: number;
+  /**
+   * Whether the request is synchronous or asynchronous. The synchronous mode is used by default. Currently, the asynchronous mode is available only for internal abilities.
+   * 0: Synchronous mode (default value)
+   * 1: Asynchronous mode
+   */
+  syncOption?: number;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface RequestParams {
+  /**
+   * The name of the bundle to start. It should be used with abilityname and case sensitive.
+   * @devices tv, phone, tablet, wearable
+   */
+  bundleName?: string;
+  /**
+   * Ability name, which is case sensitive.
+   * @devices tv, phone, tablet, wearable
+   */
+  abilityName?: string;
+  /**
+   * The list of entities to which the FA to be called. If it is not filled in, all entity lists will be found by default. It should be used with action.
+   * @devices tv, phone, tablet, wearable
+   */
+  entities?: Array<string>;
+  /**
+   * Without specifying the bundle name and ability name, you can start the application according to other properties with action.
+   * @devices tv, phone, tablet, wearable
+   */
+  action?: string;
+  /**
+   * If more than one FA meets the conditions, the user can select the device from the popup.
+   * 0: Default. Select the FA to start from the local and remote devices.
+   * 1: start FA from the local device.
+   * @devices tv, phone, tablet, wearable
+   */
+  deviceType?: number;
+  /**
+   * Data sent to the ability which need to be serializable.
+   * @devices tv, phone, tablet, wearable
+   */
+  data?: object;
+  /**
+   * Configuration switch when start FA.
+   * @devices tv, phone, tablet, wearable
+   */
+  flag?: number;
+  /**
+   * Specify the url of the page which the FA to be called. Use home page directly by default.
+   * @devices tv, phone, tablet, wearable
+   */
+  url?: string;
+}
+
+/**
+ * @devices tv, phone, tablet, wearable
+ */
+export interface FinishWithResultParams {
+  /**
+   * Result code.
+   * @devices tv, phone, tablet, wearable
+   */
+  code: number;
+
+  /**
+   * Returned data.
+   * @devices tv, phone, tablet, wearable
+   */
+  result: object;
+}
+
+export declare class FeatureAbility {
+  /**
+   * Start a FA without callback result.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result of whether to call Ability's interface successfully.
+   * @devices tv, phone, tablet, wearable
+   */
+  static startAbility(request: RequestParams): Promise<Result>;
+
+  /**
+   * Start a FA with callback result.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result of the data FA returned.
+   * @devices tv, phone, tablet, wearable
+   */
+  static startAbilityForResult(request: RequestParams): Promise<Result>;
+
+  /**
+   * FA call the interface to destory itself and set the result as parameters.
+   * @param request Indicates the request param.
+   * @returns A Promise object is returned, which contains the result whether to callback successfully.
+   * @devices tv, phone, tablet, wearable
+   */
+  static finishWithResult(param: FinishWithResultParams): Promise<Result>;
+
+  /**
+   * Calls an AA.
+   * @param param Indicates the request param.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   */
+  static callAbility(param: CallAbilityParam): Promise<string>;
+
+  /**
+   * Start FA migration.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   * @devices tv, phone, tablet, wearable
+   */
+  static continueAbility(): Promise<Result>;
+
+  /**
+   * Subscribes to events of an AA.
+   * @param param Indicates the request param.
+   * @param func Indicates the event reporting callback.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   */
+  static subscribeAbilityEvent(param: SubscribeAbilityEventParam, func: Function): Promise<string>;
+
+  /**
+   * Unsubscribes from events of an AA.
+   * @param param Indicates the request param.
+   * @returns A Promise object is returned, which contains the result data returned by the AA. The result is a JSON string.
+   */
+  static unsubscribeAbilityEvent(param: SubscribeAbilityEventParam): Promise<string>;
+}
diff --git a/api/wearable/@internal/global.d.ts b/api/wearable/@internal/global.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1ba01581adce620a77eddfa23be95dff40f52ff7
--- /dev/null
+++ b/api/wearable/@internal/global.d.ts
@@ -0,0 +1,172 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * Sets the interval for repeatedly calling a function.
+ * @param handler Indicates the function to be called repeatedly at the interval.
+ * @param delay Indicates the interval between each two calls, in milliseconds. The function will be called after this delay.
+ * @param arguments Indicates additional arguments to pass to "handler" when the timer goes off.
+ * @returns Returns the timer ID.
+ */
+export declare function setInterval(handler: TimerHandler, delay: number, ...arguments: any[]): number;
+
+/**
+ * Sets a timer after which a function will be executed.
+ * @param handler Indicates the function to be called after the timer goes off.
+ * @param delay Indicates the delay (in milliseconds) after which the function will be called. If this parameter is left empty, default value "0" will be used, which means that the function will be called immediately or as soon as possible.
+ * @param arguments Indicates additional arguments to pass to "handler" when the timer goes off.
+ * @returns Returns the timer ID.
+ */
+export declare function setTimeout(handler: TimerHandler, delay?: number, ...arguments: any[]): number;
+
+/**
+ * Cancels the interval set by " setInterval()".
+ * @param intervalID Indicates the timer ID returned by "setInterval()".
+ */
+export declare function clearInterval(intervalID?: number): void;
+
+/**
+ * Cancels the timer set by "setTimeout()".
+ * @param timeoutID Indicates the timer ID returned by "setTimeout()".
+ */
+export declare function clearTimeout(timeoutID?: number): void;
+
+/**
+ * Get the java interface instance. The java instance needs to register, otherwise it cannot be obtained.
+ * After obtaining the instance, you can call the function with the same name on the Java side.
+ * @param name Java interface name, including package path, such as com.example.test.timeinterfaceimpl.
+ * @returns A promise object is returned. The resolve callback is the object of PA. The reject callback returns the object containing code and error data
+ * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+ * @since 3
+ */
+export declare function createLocalParticleAbility(name?: string): any;
+
+/**
+ * Sets a vsync after which a function will be executed.
+ * @param handler Indicates the function to be called when the vsync trigger.
+ */
+export declare function requestAnimationFrame(handler: Function): number;
+
+/**
+ * Cancels the vsync callback set by "requestAnimationFrame()".
+ * @param requestId Indicates the vsync callback ID returned by "requestAnimationFrame()".
+ */
+export declare function cancelAnimationFrame(requestId: number): void;
+
+/**
+ * Obtain the objects exposed in app.js
+ * @since 6
+ */
+export declare function getApp(): object;
+
+/**
+ * You can create an Image object by calling new Image().
+ */
+export declare class Image {
+  /**
+   * Network address or local resource. The internal URI is supported.
+   */
+  src: string;
+  /**
+   * Image width.
+   */
+  width?: number;
+  /**
+   * Image height.
+   */
+  height?: number;
+  /**
+   * Called when an image is successfully loaded. This function has no parameter.
+   */
+  onload?: () => void;
+  /**
+   * Called when an image fails to be loaded. This function has no parameter.
+   */
+  onerror?: () => void;
+}
+
+/**
+ * An ImageData object is a common object that stores the actual pixel data of a Canvas object.
+ */
+export declare class ImageData {
+  /**
+   * Actual width of the ImageData object, in pixels.
+   */
+  width: number;
+  /**
+   * Actual height of the ImageData object, in pixels.
+   */
+  height: number;
+  /**
+   * A one-dimensional array of color values. The color values are sorted in the RGBA order and represented by integers from 0 to 255.
+   */
+  data: Uint8ClampedArray;
+}
+
+/**
+ * OffscreenCanvas provides a Canvas object that can be rendered off-screen.
+ * It works in both window and Web worker environments.
+ */
+export declare class OffscreenCanvas {
+  /**
+   * The width of the offScreen Canvas object
+   * The height of the offScreen Canvas object
+   */
+  constructor(width: number, height: number);
+
+  /**
+   * The width of the offScreen Canvas object
+   */
+  width: number;
+
+  /**
+   * The height of the offScreen Canvas object
+   */
+  height: number;
+
+  /**
+   * Gets the context object for off-screen drawing.
+   * @param contextId creates a CanvasRenderingContext2D object representing a two-dimensional rendering context.
+   * @param options object representing a three-dimensional rendering context.
+   * @returns  a render canvas for the offScreen Canvas object.
+   */
+  getContext(contextId: "2d", options?: CanvasRenderingContext2DSettings): OffscreenCanvasRenderingContext2D;
+
+  /**
+   * Converts the draw contents of the current off-screen draw object to a string in the form of a Blob.
+   * @param type indicating the image format.
+   * @param quality between 0 and 1 indicating image quality if the type option is image/jpeg or image/webp.
+   * @returns A Promise returning a Blob object representing the image contained in the canvas.
+   */
+  toDataURL(type?: string, quality?: number): string;
+
+  /**
+   * Converts the draw content in the current off-screen draw object to a Bitmap object.
+   * @returns Returns An ImageBitmap object.
+   */
+  transferToImageBitmap(): ImageBitmap;
+}
+
+export declare class ImageBitmap {
+  /**
+   * The height of the Image Bitmap object
+   */
+  readonly height: number;
+
+  /**
+   * The width of the Image Bitmap object
+   */
+  readonly width: number;
+}
\ No newline at end of file
diff --git a/api/wearable/@internal/index.d.ts b/api/wearable/@internal/index.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8712a2be0c6d8bd7db0dfa187cd0f1cfc2af817c
--- /dev/null
+++ b/api/wearable/@internal/index.d.ts
@@ -0,0 +1,19 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export * from './viewmodel';
+export * from './featureability';
+export * from './console';
+export * from './global';
\ No newline at end of file
diff --git a/api/wearable/@internal/viewmodel.d.ts b/api/wearable/@internal/viewmodel.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0ada64d4189535518016dc7f0cb7c762b18c053a
--- /dev/null
+++ b/api/wearable/@internal/viewmodel.d.ts
@@ -0,0 +1,2183 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Image, ImageData } from "./global";
+import { WebGLContextAttributes, WebGLRenderingContext } from "../webgl/webgl";
+import { WebGL2RenderingContext } from "../webgl/webgl2";
+
+export interface FocusParamObj {
+  focus: boolean;
+}
+
+export interface RectObj {
+  width: number;
+
+  height: number;
+
+  left: number;
+
+  top: number;
+}
+
+export interface ContextAttrOptions {
+  antialias: boolean;
+}
+
+export interface AnimateStyle {
+  /**
+   * Width value applied to the component after the animation is executed.
+   */
+  width: number;
+  /**
+   * Height value applied to the component after the animation is executed.
+   */
+  height: number;
+  /**
+   * left offset applied to the component after the animation is executed.
+   */
+  left: number;
+  /**
+   * top offset applied to the component after the animation is executed.
+   */
+  top: number;
+  /**
+   * right offset applied to the component after the animation is executed.
+   */
+  right: number;
+  /**
+   * bottom offset applied to the component after the animation is executed.
+   */
+  bottom: number;
+  /**
+   * Background color applied to the component after the animation is executed.
+   * The default value is none.
+   */
+  backgroundColor: string;
+  /**
+   * Opacity applied to the component. The value ranges from 0 to 1.
+   * The default value is 1.
+   */
+  opacity: number;
+  /**
+   * The value format is "x y", in percentage or pixels.
+   * The first value indicates the horizontal position, and the second value indicates the vertical position.
+   * If only one value is specified, the other value is 50% by default.
+   */
+  backgroundPosition: string;
+  /**
+   * Origin position of the transformed element.
+   * The first value indicates the x-axis position. The value can be left, center, right, a length, or percentage.
+   * The second value indicates the y-axis position. The value can be top, center, bottom, a length, or a percentage.
+   */
+  transformOrigin: string;
+  /**
+   * Transformation type applied to an element.
+   */
+  transform: "none" | TransformObject;
+  /**
+   * The value of offset must be within (0.0,1.0] and sorted in ascending order if it is provided.
+   * If there are only two frames, offset can be left empty.
+   * If there are more than two frames, offset is mandatory.
+   */
+  offset?: number;
+}
+
+export interface TransformObject {
+  /**
+   * Defines a 2D transformation, using a matrix of six values..
+   * @param scaleX the scale value for x-axis
+   * @param skewX the skew value for y-axis
+   * @param skewY the skew value for x-axis
+   * @param scaleY the scale value for y-axis
+   * @param translateX the translate value for x-axis
+   * @param translateY the translate value for y-axis
+   */
+  matrix(
+    scaleX: number,
+    skewX: number,
+    skewY: number,
+    scaleY: number,
+    translateX: number,
+    translateY: number): void;
+  /**
+   * Defines a 3D transformation using a 4x4 matrix of 16 values.
+   * @param n00 the value of the 0 row and 0 column of the 4x4 matrix
+   * @param n01 the value of the 0 row and 1 column of the 4x4 matrix
+   * @param n02 the value of the 0 row and 2 column of the 4x4 matrix
+   * @param n03 the value of the 0 row and 3 column of the 4x4 matrix
+   * @param n10 the value of the 1 row and 0 column of the 4x4 matrix
+   * @param n11 the value of the 1 row and 1 column of the 4x4 matrix
+   * @param n12 the value of the 1 row and 2 column of the 4x4 matrix
+   * @param n13 the value of the 1 row and 3 column of the 4x4 matrix
+   * @param n20 the value of the 2 row and 0 column of the 4x4 matrix
+   * @param n21 the value of the 2 row and 1 column of the 4x4 matrix
+   * @param n22 the value of the 2 row and 2 column of the 4x4 matrix
+   * @param n23 the value of the 2 row and 3 column of the 4x4 matrix
+   * @param n30 the value of the 3 row and 0 column of the 4x4 matrix
+   * @param n31 the value of the 3 row and 1 column of the 4x4 matrix
+   * @param n32 the value of the 3 row and 2 column of the 4x4 matrix
+   * @param n33 the value of the 3 row and 3 column of the 4x4 matrix
+   */
+  matrix3d(n00: number, n01: number, n02: number, n03: number,
+    n10: number, n11: number, n12: number, n13: number,
+    n20: number, n21: number, n22: number, n23: number,
+    n30: number, n31: number, n32: number, n33: number): void;
+  /**
+   * Defines 2D transformations for translation of the X and Y axes
+   * @param x the translate value for x-axis
+   * @param y the translate value for y-axis
+   */
+  translate(x: number, y: number): void;
+  /**
+   * Defines 3D transformations for translation of the X / Y / Z axes
+   * @param x the translate value for x-axis
+   * @param y the translate value for y-axis
+   * @param z the translate value for z-axis
+   */
+  translate3d(x: number, y: number, z: number): void;
+  /**
+   * Defines 2D transformations for translation of the X axes
+   * @param x the translate value for x-axis
+   */
+  translateX(x: number): void;
+  /**
+   * Defines 2D transformations for translation of the Y axes
+   * @param y the translate value for y-axis
+   */
+  translateY(y: number): void;
+  /**
+   * Defines 3D transformations for translation of the Z axes
+   * @param z the translate value for z-axis
+   */
+  translateZ(z: number): void;
+  /**
+   * Defines 2D transformations for scaling of the X and Y axes
+   * @param x the scale value for x-axis
+   * @param y the scale value for y-axis
+   */
+  scale(x: number, y: number): void;
+  /**
+   * Defines 3D transformations for scaling of the X / Y / Z axes
+   * @param x the scale value for x-axis
+   * @param y the scale value for y-axis
+   * @param z the scale value for z-axis
+   */
+  scale3d(x: number, y: number, z: number): void;
+  /**
+   * Defines 2D transformations for scaling of the X axes
+   * @param x the scale value for x-axis
+   */
+  scaleX(x: number): void;
+  /**
+   * Defines 2D transformations for scaling of the Y axes
+   * @param y the scale value for y-axis
+   */
+  scaleY(y: number): void;
+  /**
+   * Defines 3D transformations for scaling of the Z axes
+   * @param z the scale value for z-axis
+   */
+  scaleZ(z: number): void;
+  /**
+   * Define the 2D rotation and specify the angle in the parameters.
+   * @param angle the rotate value for z-axis
+   */
+  rotate(angle: number): void;
+  /**
+   * Defines a 3D transformation for rotating the X / Y / Z axes.
+   * @param x the vector value of the x-axis
+   * @param y the vector value of the y-axis
+   * @param z the vector value of the z-axis
+   * @param angle the rotate value for x&y&z vector.
+   */
+  rotate3d(x: number, y: number, z: number, angle: number): void;
+  /**
+   * Defines 3D transformations for rotating of the X axes.
+   * @param x the scale value for x-axis
+   */
+  rotateX(angle: number): void;
+  /**
+   * Defines 3D transformations for rotating of the Y axes.
+   * @param y the scale value for y-axis
+   */
+  rotateY(angle: number): void;
+  /**
+   * Defines 3D transformations for rotating of the Z axes.
+   * @param z the scale value for z-axis
+   */
+  rotateZ(angle: number): void;
+  /**
+   * Defines the 2D skew transition along the X and Y axes.
+   * @param xAngle the angle of inclination along the x axis.
+   * @param yAngle the angle of inclination along the y axis.
+   */
+  skew(xAngle: number, yAngle: number): void;
+  /**
+   * Defines the 2D skew transition along the X axes.
+   * @param angle the angle of inclination along the x axis.
+   */
+  skewX(angle: number): void;
+  /**
+   * Defines the 2D skew transition along the Y axes.
+   * @param angle the angle of inclination along the y axis.
+   */
+  skewY(angle: number): void;
+  /**
+   * Defines a perspective view for the 3D transformation element.
+   * @param n the vertical distance from the observation point to the component plane.
+   */
+  perspective(verticalDistance: number): void;
+}
+
+export interface AnimateOptions {
+  /**
+   * Duration of the animation, in milliseconds.
+   * The default value is 0.
+   */
+  duration: number;
+
+  /**
+   * Time curve of the animation. For details about the supported types.
+   * linear The animation speed keeps unchanged.
+   * ease The animation starts and ends at a low speed, cubic-bezier(0.25, 0.1, 0.25, 1.0).
+   * ease-in The animation starts at a low speed, cubic-bezier(0.42, 0.0, 1.0, 1.0).
+   * ease-out The animation ends at a low speed, cubic-bezier(0.0, 0.0, 0.58, 1.0).
+   * ease-in-out The animation starts and ends at a low speed, cubic-bezier(0.42, 0.0, 0.58, 1.0).
+   * fast-out-slow-in Standard curve, cubic-bezier(0.4, 0.0, 0.2, 1.0).
+   * linear-out-slow-in Deceleration curve, cubic-bezier(0.0, 0.0, 0.2, 1.0).
+   * fast-out-linear-in Acceleration curve, cubic-bezier(0.4, 0.0, 1.0, 1.0).
+   * friction Damping curve, cubic-bezier(0.2, 0.0, 0.2, 1.0).
+   * extreme-deceleration Extreme deceleration curve, cubic-bezier(0.0, 0.0, 0.0, 1.0).
+   * sharp Sharp curve, cubic-bezier(0.33, 0.0, 0.67, 1.0).
+   * rhythm Rhythm curve, cubic-bezier(0.7, 0.0, 0.2, 1.0).
+   * smooth Smooth curve, cubic-bezier(0.4, 0.0, 0.4, 1.0).
+   * cubic-bezier(x1, y1, x2, y2) You can customize an animation speed curve in the cubic-bezier() function. The x and y values of each input parameter must be between 0 and 1.
+   * Step curve. The number must be set and only an integer is supported, step-position is optional. It can be set to start or end. The default value is end.
+   * The default value is ease.
+   */
+  easing: string;
+
+  /**
+   * Delay for the animation start. The default value indicates no delay.
+   * The default value is 0.
+   */
+  delay: number;
+
+  /**
+   * Number of times the animation will be played. number indicates a fixed number of playback operations, and Infinity indicates an unlimited number of playback operations.
+   * The default value is 1.
+   */
+  iterations: number | string;
+
+  /**
+   * The animation playback mode.
+   * The default value is "normal".
+   */
+  direction: "normal" | "reverse" | "alternate" | "alternate-reverse";
+
+  /**
+   * Whether to resume to the initial state after the animation is executed.
+   * none: The initial state is restored after the animation is executed.
+   * forwards: The state at the end of the animation (defined in the last key frame) is retained after the animation is executed.
+   */
+  fill: "none" | "forwards" | "backwards" | "both";
+}
+
+export interface AnimationResult {
+  /**
+   * Read-only attribute, which indicates whether the animation playback is complete.
+   */
+  finished: boolean;
+  /**
+   * Read-only attribute, which indicates whether an animation is waiting for the completion of other asynchronous operations (for example, start an animation with a delay).
+   */
+  pending: boolean;
+  /**
+   * Animation running state:
+   * idle: The animation is not running (playback ended or not started).
+   * running: The animation is running.
+   * paused: The animation is paused.
+   * finished: Animation playback ends.
+   */
+  playstate: string;
+  /**
+   * Animation start time. This attribute is similar to that of delay in the options parameters.
+   */
+  startTime: number;
+  /**
+   * Starts the animation.
+   */
+  play(): void;
+  /**
+   * Ends the animation.
+   */
+  finish(): void;
+  /**
+   * Pauses the animation.
+   */
+  pause(): void;
+  /**
+   * Cancels the animation.
+   */
+  cancel(): void;
+  /**
+   * Plays the animation in reverse direction.
+   */
+  reverse(): void;
+  /**
+   * The animation is started.
+   */
+  onstart: () => void;
+  /**
+   * The animation is finished.
+   */
+  onfinish: () => void;
+  /**
+   * The animation is canceled.
+   */
+  oncancel: () => void;
+  /**
+   * The animation is repeated.
+   */
+  onrepeat: () => void;
+}
+
+export interface Element {
+  /**
+   * Requests or cancels the focus for a component.
+   * If focus is set to true, the focus is requested for the component.
+   * If focus is set to false, the focus is canceled for the component.
+   * This attribute can be defaulted to true.
+   * @param obj { focus: true | false }
+   */
+  focus(obj?: FocusParamObj): void;
+
+  /**
+   * Requests or cancels the crown rotation focus for a component.
+   * If focus is set to true, the crown event focus is requested.
+   * If focus is set to false, the crown event focus is canceled.
+   * This attribute can be defaulted to true.
+   * @param obj { focus: true | false }
+   */
+  rotation(obj?: FocusParamObj): void;
+
+  /**
+   * Creates and runs an animation shortcut on the component. Specify the keyframes and options required for the animation.
+   * @param keyframes keyframes is used to describe key frame parameters of the animation.
+   * @param options Options. is used to describe animation parameters.
+   * @returns This method returns the animation object.
+   */
+  animate(
+    keyframes: Array<AnimateStyle>,
+    options: AnimateOptions
+  ): AnimationResult;
+
+  /**
+   * Obtains the size and position of the element.
+   * @returns RectObj the size position of the element.
+   */
+  getBoundingClientRect(): RectObj;
+
+  /**
+   * If 0.5 is returned, 50% of the current component is visible.
+   * @param radios Scope of Monitoring components.
+   */
+  createIntersectionObserver(param: { ratios: Array<number> }): observer;
+}
+
+export interface observer {
+  /**
+   * Turn on the listener.
+   */
+  observe(callback: string): void;
+
+  /**
+   * Turn off the listenerr.
+   */
+  unobserve(): void;
+}
+
+/**
+ * animation element
+ */
+export interface AnimationElement extends Element {
+  /**
+   * Starts the animation.
+   */
+  play(): void;
+  /**
+   * Ends the animation.
+   */
+  finish(): void;
+  /**
+   * Pauses the animation.
+   */
+  pause(): void;
+  /**
+   * Cancels the animation.
+   */
+  cancel(): void;
+  /**
+   * Plays the animation in reverse direction.
+   */
+  reverse(): void;
+}
+
+export interface CurrentOffsetResultValue {
+  /**
+   * Scrolling offset in the x-axis, in px.
+   */
+  x: number;
+
+  /**
+   * Scrolling offset in the y-axis, in px.
+   */
+  y: number;
+}
+
+/**
+ * The <list> component provides a list container.
+ */
+export interface ListElement extends Element {
+  /**
+   * Scrolls the list to the position of the item at the specified index.
+   */
+  scrollTo(position: {
+    /**
+     * specified position.
+     */
+    index: number;
+  }): void;
+
+  /**
+   * If smooth is set to false (default value), the list is directly scrolled to the top.
+   * If smooth is set to true, the list is smoothly scrolled to the top.
+   * @param param
+   */
+  scrollTop(param: { smooth: boolean }): void;
+
+  /**
+   * If smooth is set to false (default value), the list is directly scrolled to the bottom.
+   * If smooth is set to true, the list is smoothly scrolled to the bottom.
+   * @param param
+   */
+  scrollBottom(param: { smooth: boolean }): void;
+
+  /**
+   * If reverse is set to false (default value), the next page is displayed. If there is no next page, the list scrolls to the bottom.
+   * If reverse is set to true, the previous page is displayed. If there is no previous page, the list scrolls to the top.
+   * If smooth is set to false (default value), the list is directly scrolled to another page.
+   * If smooth is set to true, the list is smoothly scrolled to another page.
+   * @param params
+   */
+  scrollPage(params: { reverse: boolean; smooth: boolean }): void;
+
+  /**
+   * If reverse is set to false (default value), the list scrolls towards the bottom for a certain distance. If there is no sufficient distance, the list scrolls to the bottom.
+   * If reverse is set to true, the list scrolls towards the top for a certain distance. If there is no sufficient distance, the list scrolls to the top.
+   * If smooth is set to false (default value), the list is directly scrolled.
+   * If smooth is set to true, the list is smoothly scrolled.
+   * @param params
+   */
+  scrollArrow(params: { reverse: boolean; smooth: boolean }): void;
+
+  /**
+   * Collapses a group.
+   * @param param
+   */
+  collapseGroup(param: {
+    /**
+     * groupid: ID of the group to collapse.
+     * All groups are collapsed when groupid is not specified.
+     */
+    groupid: string;
+  }): void;
+
+  /**
+   * Expands a group.
+   * @param param
+   */
+  expandGroup(param: {
+    /**
+     * groupid: ID of the group to expand.
+     * All groups are expanded when groupid is not specified.
+     */
+    groupid: string;
+  }): void;
+
+  /**
+   * Returns the offset of the current scrolling. The return value type is Object.
+   */
+  currentOffset(): CurrentOffsetResultValue;
+}
+
+/**
+ * The <swiper> component provides a swiper container.
+ */
+export interface SwiperElement extends Element {
+  /**
+   * Scrolls the child component to the position at the specified index.
+   */
+  swipeTo(position: {
+    /**
+     * specified position.
+     */
+    index: number;
+  }): void;
+
+  /**
+   * Shows the next child component.
+   */
+  showNext(): void;
+
+  /**
+   * Shows the previous child component.
+   */
+  showPrevious(): void;
+}
+
+/**
+ * The <dialog> component is a custom pop-up container.
+ */
+export interface DialogElement extends Element {
+  /**
+   * Shows a dialog box.
+   */
+  show(): void;
+  /**
+   * Closes a dialog box.
+   */
+  close(): void;
+}
+
+/**
+ * The <image-animator> component is used to provide an image frame animator.
+ */
+export interface ImageAnimatorElement extends Element {
+  /**
+   * Starts to play the frame animation of an image. If this method is called again, the playback starts from the first frame.
+   */
+  start(): void;
+  /**
+   * Pauses the frame animation playback of an image.
+   */
+  pause(): void;
+  /**
+   * Stops the frame animation playback of an image.
+   */
+  stop(): void;
+  /**
+   * Resumes the frame animation playback of an image.
+   */
+  resume(): void;
+  /**
+   * Obtains the playback state. Available values are as follows:
+   * Playing
+   * Paused
+   * Stopped
+   */
+  getState(): string;
+}
+
+/**
+ * The <marquee> component inserts scrolling text, which is displayed in a single line by default.
+ * When the text length exceeds the display area of the component, the marquee effect is displayed.
+ */
+export interface MarqueeElement extends Element {
+  /**
+   * Starts scrolling.
+   */
+  start(): void;
+
+  /**
+   * Stops scrolling.
+   */
+  stop(): void;
+}
+
+/**
+ * The <chart> component displays line charts, gauge charts, and bar charts.
+ */
+export interface ChartElement extends Element {
+  /**
+   * Data is dynamically added to an existing data sequence.
+   * The target sequence is specified based on serial, which is the subscript of the datasets array and starts from 0.
+   * datasets[index].data is not updated. Only line charts support this attribute.
+   * The value is incremented by 1 based on the horizontal coordinate and is related to the xAxis min/max setting.
+   */
+  append(params: {
+    /**
+     * Set the data subscript of the line chart to be updated.
+     */
+    serial: number;
+    /**
+     * Set the new data.
+     */
+    data: Array<number>;
+  }): void;
+}
+
+/**
+ * The <input> component provides an interactive interface to receive user input, which is displayed in a single line by default.
+ */
+export interface InputElement extends Element {
+  /**
+   * Obtains or loses the focus of a component.
+   * When the component type is set to text, email, date, time, number, or password, the input method can be displayed or collapsed.
+   * @param param If focus is not passed, the default value true is used.
+   */
+  focus(param: { focus: boolean }): void;
+
+  /**
+   * Displays the error message.
+   * This attribute is available when the component type is set to text, email, date, time, number, or password.
+   * @param param
+   */
+  showError(param: { error: string }): void;
+
+  /**
+   * Deletes the previous character at the cursor position.
+   */
+  delete(): void;
+}
+
+/**
+ * The <button> component includes capsule, circle, text, arc, and download buttons.
+ */
+export interface ButtonElement extends Element {
+  /**
+   * Progress bar of the download button.
+   * The value ranges from 0 to 100. The progress bar is displayed if the value is greater than 0.
+   * If the value is greater than or equal to 100, the progress bar is not displayed.
+   * NOTE
+   * The text displayed on the progress bar is changed based on the value.
+   * @param param
+   */
+  setProgress(param: { progress: number }): void;
+}
+
+export interface TextMetrics {
+  width: number;
+}
+
+/**
+ * Provides a 2D rendering context for the drawing surface of the < Canvas > element.
+ * It is used to draw shapes, text, images and other objects.
+ */
+export interface OffscreenCanvasRenderingContext2D {
+  /**
+   * Gets the dotted spacing of a line.
+   * Returns the current line segment style array containing an even number of non-negative numbers.
+   */
+  getLineDash: Array<number>;
+
+  /**
+   * Fill style attribute.
+   * Paint color used to fill the area.
+   * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
+   * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   */
+  fillStyle?: string | CanvasGradient | CanvasPattern;
+
+  /**
+   * Sets the stroke paint style.
+   * Color of the stroke paint.
+   * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
+   * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   */
+  strokeStyle?: string | CanvasGradient | CanvasPattern;
+
+  /**
+   * Sets the dotted spacing of a line.
+   * @param segments A set of numbers describing the length of alternating drawn line segments and spacing (coordinate space units).
+   */
+  setLineDash(segments: Array<number>): void;
+
+  /**
+   * Draw an Image object.
+   * @param image An element drawn to the context.
+   * @param dx The top left corner of the image is the X-axis coordinates on the target canvas.
+   * @param dy The top left corner of the image is the Y-axis coordinates on the target canvas.
+   * @param dw Image The width drawn on the target canvas.
+   * @param dh Image The height drawn on the target canvas.
+   */
+  drawImage(image: Image, dx: number, dy: number, dw: number, dh: number): void;
+
+  /**
+   * Draw an Image object.
+   * @param image An element drawn to the context.
+   * @param dx The top left corner of the image is the X-axis coordinates on the target canvas.
+   * @param dy The top left corner of the image is the Y-axis coordinates on the target canvas.
+   * @param dw Image The width drawn on the target canvas.
+   * @param dh Image The height drawn on the target canvas.
+   * @param sx The upper-left X-axis coordinates of the image's rectangular (clipped) selection box that need to be drawn into the target context.
+   * @param sy The upper-left Y-axis coordinates of the image's rectangular (clipped) selection box that need to be drawn into the target context.
+   * @param sw The width of the image's rectangular (clipped) selection box that needs to be drawn into the target context.
+   * @param sh The height of the image's rectangular (clipped) selection box that needs to be drawn into the target context.
+   */
+  drawImage(image: Image, sx: number, sy: number, sw: number, sh: number,dx: number, dy: number, dw: number, dh: number): void;
+
+  /**
+   * Creates a drawing path.
+   */
+  beginPath(): void;
+
+  /**
+   * Crop the current canvas.
+   */
+  clip(): void;
+
+  /**
+   * Fills the current canvas with color.
+   */
+  fill(): void;
+
+  /**
+   * Check whether the specified coordinate point is on the Path.
+   * @param x The X coordinate of the detection point.
+   * @param y The Y coordinate of the detection point.
+   * @returns boolean Return true if the detection point is contained within the current or specified path Otherwise return false.
+   */
+  isPointInPath(x: number, y: number): boolean;
+
+  /**
+   * Check whether the specified coordinate point is on the Path.
+   * @param path The Path2D path that needs to be populated.
+   * @param x The X coordinate of the detection point.
+   * @param y The Y coordinate of the detection point.
+   * @param fillRule This algorithm determines whether a point is in or out of the path.
+   * @returns boolean Return true if the detection point is contained within the current or specified path Otherwise return false.
+   */
+  isPointInPath(path: Path2D, x: number, y: number): boolean;
+
+  /**
+   * Checks whether the specified coordinate point is on the stroke edge.
+   * @param x The X coordinate of the detection point.
+   * @param y The Y coordinate of the detection point.
+   * @returns boolean A Boolean value that returns true when the point is on the line of the path, false otherwise.
+   */
+  isPointInStroke(x: number, y: number): boolean;
+
+  /**
+   * Checks whether the specified coordinate point is on the stroke edge.
+   * @param path Path2D path.
+   * @param x The X coordinate of the detection point.
+   * @param y The Y coordinate of the detection point.
+   * @returns boolean A Boolean value that returns true when the point is on the line of the path, false otherwise.
+   */
+  isPointInStroke(path: Path2D, x: number, y: number): boolean;
+
+  /**
+   * Stroke draws the current path.
+   */
+  stroke(): void;
+
+  /**
+   * Stroke draws the current path.
+   * @param path The object of Path2D.
+   */
+  stroke(path: Path2D): void;
+
+  /**
+   * Create a radial tween object.
+   * @param x0 The x coordinate of the circle at the beginning.
+   * @param y0 The y coordinate of the circle at the beginning.
+   * @param r0 The radius of the starting circle.
+   * @param x1 X-coordinate of the end point.
+   * @param y1 Y-coordinate of the end point.
+   * @param r1 The radius of End Circle.
+   * @returns RadialGradient object.
+   */
+  createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): CanvasGradient;
+
+  /**
+   * Create a drawing style template.
+   * @param image The CanvasImageSource object that is the source of the duplicate image.
+   * @param repetition Specify how to repeat images.
+   * @returns CanvasPattern An opaque object that describes a schema.
+   */
+  createPattern(image: Image, repetition: string): CanvasPattern;
+
+  /**
+   * Creates a linear gradient color.
+   * @param x0 X-coordinate of the start point.
+   * @param y0 Y-coordinate of the start point.
+   * @param x1 X-coordinate of the end point.
+   * @param y1 Y-coordinate of the end point.
+   * @returns LinearGradient object.
+   */
+  createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient;
+
+  /**
+   * Create an ImageData object.
+   * @param sw The width of the new object.
+   * @param sh The height of the new object.
+   * @returns ImageData New ImageData object with width and height specified.
+   */
+  createImageData(sw: number, sh: number): ImageData;
+
+  /**
+   * Create an ImageData object.
+   * @param imagedata Copy an object of the same width and height from an existing ImageData object The image itself is not allowed to be copied.
+   * @returns ImageData New ImageData object with width and height specified.
+   */
+  createImageData(imagedata: ImageData): ImageData;
+
+  /**
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   * @param path another created Path2D object.
+   * @returns the object of Path2D.
+   */
+  createPath2D(path?: Path2D): Path2D;
+
+  /**
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   * @param cmds a string defined using the SVG path command.
+   * @returns the object of Path2D.
+   */
+  createPath2D(cmds?: string): Path2D;
+
+  /**
+   * Get an ImageData object.
+   * @param sx The upper-left x-coordinate of the rectangular area of the image data to be extracted.
+   * @param sy The upper-left y coordinate of the rectangular region of the image data to be extracted.
+   * @param sw The width of the rectangular area of the image data to be extracted.
+   * @param sh The height of the rectangular area of the image data to be extracted.
+   * @returns ImageData An ImageData object that contains the rectangular ImageData given by the canvas.
+   */
+  getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
+
+  /**
+   * Draws the specified ImageData object to the canvas.
+   * @param imagedata An array object containing pixel values.
+   * @param dx The offset of the position of the source image data in the target canvas (the offset in the X-axis direction).
+   * @param dy The offset of the position of the source image data in the target canvas (the Y-axis offset).
+   */
+  putImageData(imagedata: ImageData, dx: number, dy: number): void;
+
+  /**
+   * Draws the specified ImageData object to the canvas.
+   * @param imagedata An array object containing pixel values.
+   * @param dx The offset of the position of the source image data in the target canvas (the offset in the X-axis direction).
+   * @param dy The offset of the position of the source image data in the target canvas (the Y-axis offset).
+   * @param dirtyX In the source image data, the position of the upper left corner of the rectangular region Default is the upper left corner of the entire image data (x coordinate).
+   * @param dirtyY In the source image data, the position of the upper left corner of the rectangular region Default is the top left corner (y coordinate) of the entire image data.
+   * @param dirtyWidth In the source image data, the width of a rectangular region. Default is the width of the image data.
+   * @param dirtyHeight In the source image data, the height of a rectangular region. Default is the height of the image data.
+   */
+  putImageData(imagedata: ImageData, dx: number, dy: number, dirtyX: number, dirtyY: number, dirtyWidth: number, dirtyHeight: number): void;
+
+  /**
+   * Draw an arc.
+   * @param radius Radius of an arc.
+   * @param x The X-axis coordinates of the center of the circle.
+   * @param y The Y-axis coordinates of the center of an arc (center of a circle).
+   * @param startAngle The starting point of the arc, in the X-axis direction, is calculated in radians.
+   * @param endAngle The end point of an arc, expressed in radians.
+   * @param anticlockwise An optional Boolean value. If true, the arc is drawn counterclockwise, and otherwise clockwise.
+   */
+  arc(radius: number, x: number, y: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+
+  /**
+   * Draws an arc from the beginning to the end.
+   * @param radius Radius of an arc.
+   * @param x1 The X-axis coordinates of the first control point.
+   * @param y1 The y-coordinate of the first control point.
+   * @param x2 The X-axis coordinates of the second control point.
+   * @param y2 The Y-axis coordinates of the second control point.
+   */
+  arcTo(x1: number, x2: number, y1: number, y2: number, radius: number): void;
+
+  /**
+   * Draw a third order Bezier curve.
+   * @param cp1x The X-axis coordinates of the first control point.
+   * @param cp1y The y-coordinate of the first control point.
+   * @param cp2x The X-axis coordinates of the second control point.
+   * @param cp2y The Y-axis coordinates of the second control point.
+   * @param x The x-coordinate of the end point.
+   * @param y The y-coordinate of the end point
+   */
+  bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
+
+  /**
+   * Closing the current path.
+   */
+  closePath(): void;
+
+  /**
+   * Draw a straight line.
+   * @param x The X-axis coordinates at the end of the line.
+   * @param y The Y-axis coordinates at the end of the line.
+   */
+  lineTo(x: number, y: number): void;
+
+  /**
+   * Draw an ellipse.
+   * @param x The X-axis coordinates of the center of the ellipse.
+   * @param y The Y-axis coordinates of the center of the ellipse.
+   * @param radiusX The radius of the major axis of an ellipse.
+   * @param radiusY The radius of the short axis of an ellipse.
+   * @param rotation The Angle of rotation of an ellipse, expressed in radians.
+   * @param startAngle The starting point Angle to be plotted, measured from the X-axis, is expressed in radians.
+   * @param endAngle The Angle, expressed in radians, at which the ellipse will be drawn.
+   * @param anticlockwise If true, the ellipse is drawn counterclockwise (counterclockwise) and clockwise otherwise.
+   */
+  ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+
+  /**
+   * Moves the current canvas to the specified coordinate point.
+   * @param x The x axis.
+   * @param y The y axis.
+   */
+  moveTo(x: number, y: number): void;
+
+  /**
+   * Draw a second order Bezier curve.
+   * @param x The X-axis of the end point.
+   * @param y The Y-axis of the end point.
+   * @param cpx The X-axis coordinates of the control points.
+   * @param cpy The y-coordinate of the control point.
+   */
+  quadraticCurveTo(cpx: number, cpy: number,x: number, y: number): void;
+
+  /**
+   * Draw a rectangle.
+   * @param x The X-axis coordinates at the beginning of the rectangle.
+   * @param y The Y-axis coordinates at the beginning of the rectangle.
+   * @param w The width of a rectangle.
+   * @param h The height of a rectangle.
+   */
+  rect(x: number, y: number, w: number, h: number): void;
+
+  /**
+   * Clears the contents of the specified rectangular area.
+   * @param x The X-axis coordinates at the beginning of the rectangle.
+   * @param y The Y-axis coordinates at the beginning of the rectangle.
+   * @param w The width of a rectangle.
+   * @param h The height of a rectangle.
+   */
+  clearRect(x: number, y: number, w: number, h: number): void;
+
+  /**
+   * Fills a rectangular area.
+   * @param x The X-axis coordinates at the beginning of the rectangle.
+   * @param y The Y-axis coordinates at the beginning of the rectangle.
+   * @param w The width of a rectangle.
+   * @param h The height of a rectangle.
+   */
+  fillRect(x: number, y: number, w: number, h: number): void;
+
+  /**
+   * Stroke a rectangular area.
+   * @param x The X-axis coordinates at the beginning of the rectangle.
+   * @param y The Y-axis coordinates at the beginning of the rectangle.
+   * @param w The width of the rectangle. Positive values on the right, negative values on the left.
+   * @param h The height of the rectangle. Positive values are down, negative values are up.
+   */
+  strokeRect(x: number, y: number, w: number, h: number): void;
+
+  /**
+   * Stroke a rectangular area.
+   * @param text Render text using the current values of font, textAlign, textBaseline, and direction.
+   * @param y The Y-axis coordinates of the starting point of the text.
+   * @param x The X-axis coordinates of the starting point of the text.
+   * @param maxWidth Maximum width to draw.
+   */
+  fillText(text: string, y: number, x: number/*, maxWidth?: number*/): void;
+
+  /**
+   * Returns a TextMetrics object used to obtain the width of specified text.
+   * @param text Text to be measured.
+   * @returns Object that contains the text width. You can obtain the width by TextMetrics.width.
+   */
+  measureText(text: string): TextMetrics;
+
+  /**
+   * Draws the stroke of a text string.
+   * @param text Text stroke to draw.
+   * @param x X-coordinate of the lower left corner of the text stroke.
+   * @param y Y-coordinate of the lower left corner of the text stroke.
+   * @param maxWidth Maximum width to draw.
+   */
+  strokeText(text: string, x: number, y: number/*, maxWidth?: number*/): void;
+
+  /**
+   * Resets the current matrix transformation effect.
+   */
+  resetTransform(): void;
+
+  /**
+   * Adds a rotation effect to the current canvas.
+   * @param angle The radian of clockwise rotation.
+   */
+  rotate(angle: number): void;
+
+  /**
+   * Adds a zoom effect to the current canvas.
+   * @param x The horizontal scaling factor.
+   * @param y The scaling factor in the vertical direction.
+   */
+  scale(x: number, y: number): void;
+
+  /**
+   * Set the rotation, pan, and zoom effects.
+   * @param a The level of zoom.
+   * @param b Vertical tilt.
+   * @param c Horizontal tilt.
+   * @param d Vertical scaling.
+   * @param e The level of mobile.
+   * @param f Vertical movement.
+   */
+  setTransform(a: number, b: number, c: number, d: number, e: number, f: number): void;
+
+  /**
+   * Set the rotation, pan, and zoom effects.
+   * @param a The level of zoom.
+   * @param b Vertical tilt.
+   * @param c Horizontal tilt.
+   * @param d Vertical scaling.
+   * @param e The level of mobile.
+   * @param f Vertical movement.
+   */
+  transform(a: number, b: number, c: number, d: number, e: number, f: number): void;
+
+  /**
+   * Adds a pan effect to the current canvas.
+   * @param x Horizontal movement distance.
+   * @param y Vertical movement.
+   */
+  translate(x: number, y: number): void;
+
+  /**
+   * Restores the configuration information of the last saved canvas context.
+   */
+  restore(): void;
+
+  /**
+   * Saves configuration information for the current canvas context.
+   */
+  save(): void;
+}
+
+/**
+ * CanvasRenderingContext2D allows you to draw rectangles, text, images, and other objects on a canvas.
+ * You can call getContext('2d') on canvas to obtain a CanvasRenderingContext2D object.
+ */
+export interface CanvasRenderingContext2D {
+  /**
+   * Fills a rectangle on the canvas.
+   * @param x X-coordinate of the upper left corner of the rectangle.
+   * @param y Y-coordinate of the upper left corner of the rectangle.
+   * @param width Width of the rectangle.
+   * @param height Height of the rectangle.
+   */
+  fillRect(x: number, y: number, width: number, height: number): void;
+
+  /**
+   * Sets the style of a paint to fill an area.
+   * Paint color used to fill the area.
+   * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
+   * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   */
+  fillStyle?: string | CanvasGradient | CanvasPattern;
+
+  /**
+   * Clears the content in a rectangle on the canvas.
+   * @param x X-coordinate of the upper left corner of the rectangle.
+   * @param y Y-coordinate of the upper left corner of the rectangle.
+   * @param width Width of the rectangle.
+   * @param height Height of the rectangle.
+   */
+  clearRect(x: number, y: number, width: number, height: number): void;
+
+  /**
+   * Draws a rectangle stroke on the canvas.
+   * @param x X-coordinate of the upper left corner of the rectangle stroke.
+   * @param y Y-coordinate of the upper left corner of the rectangle stroke.
+   * @param width Width of the rectangle stroke.
+   * @param height Height of the rectangle stroke.
+   */
+  strokeRect(x: number, y: number, width: number, height: number): void;
+
+  /**
+   * Draws filled text on the canvas.
+   * @param text Text to draw.
+   * @param x X-coordinate of the lower left corner of the text.
+   * @param y Y-coordinate of the lower left corner of the text.
+   */
+  fillText(text: string, x: number, y: number): void;
+
+  /**
+   * Draws a text stroke on the canvas.
+   * @param text Text stroke to draw.
+   * @param x X-coordinate of the lower left corner of the text stroke.
+   * @param y Y-coordinate of the lower left corner of the text stroke.
+   */
+  strokeText(text: string, x: number, y: number): void;
+
+  /**
+   * Returns a TextMetrics object used to obtain the width of specified text.
+   * @param text Text to be measured.
+   * @returns Object that contains the text width. You can obtain the width by TextMetrics.width.
+   */
+  measureText(text: string): TextMetrics;
+
+  /**
+   * Sets the width of a line.
+   */
+  lineWidth?: number;
+
+  /**
+   * Sets the stroke paint style.
+   * Color of the stroke paint.
+   * Canvas gradient object used by the paint. You can call createLinearGradient() to create a CanvasGradient object.
+   * Canvas pattern. You can call createPattern() to create a CanvasPattern object.
+   */
+  strokeStyle?: string | CanvasGradient | CanvasPattern;
+
+  /**
+   * Draws a border stroke.
+   */
+  stroke(): void;
+
+  /**
+   * Draws a path stroke.
+   * @param path The object of Path2D.
+   */
+  stroke(path: Path2D): void;
+
+  /**
+   * Creates a drawing path.
+   */
+  beginPath(): void;
+
+  /**
+   * Moves a drawing path to a target position on the canvas.
+   * @param x X-coordinate of the target position.
+   * @param y Y-coordinate of the target position.
+   */
+  moveTo(x: number, y: number): void;
+
+  /**
+   * Connects the current point to a target position using a straight line.
+   * @param x X-coordinate of the target position.
+   * @param y Y-coordinate of the target position.
+   */
+  lineTo(x: number, y: number): void;
+
+  /**
+   * Draws a closed path.
+   */
+  closePath(): void;
+
+  /**
+   * Sets the style of line endpoints.
+   * Style of line endpoints. Available values include:
+   * butt (default): The endpoints of the line are in square.
+   * round: The endpoints of the line are rounded.
+   * square: The endpoints of the line are in square,
+   * and each end of the line is added with a rectangle whose length is the same as the line thickness and whose width is half of the line thickness.
+   */
+  lineCap: string;
+
+  /**
+   * Sets the style for an intersection point where a line joins another.
+   * Style of the intersection point of lines. Available values include:
+   * round: The intersection part is a sector. The radius of a rounded corner is equal to the line width.
+   * bevel: The intersection part is a triangle. The rectangular corner of each line is independent.
+   * miter (default): The intersection part has a miter corner by extending the outside edges of the lines until they meet. You can view the effect of this attribute in miterLimit.
+   */
+  lineJoin: string;
+
+  /**
+   * Sets the maximum miter length. The miter length is the distance between the inner corner and the outer corner where two lines meet.
+   * Maximum miter length. The default value is 10.
+   */
+  miterLimit: number;
+
+  /**
+   * Sets the font style.
+   * Font style. The default value is 10px sans-serif.
+   */
+  font: string;
+
+  /**
+   * Sets the text alignment mode.
+   * Text alignment mode. Available values include:
+   * left (default): The text is left-aligned.
+   * right: The text is right-aligned.
+   * center: The text is center-aligned.
+   * start: The text is aligned with the start bound.
+   * end: The text is aligned with the end bound.
+   * NOTE
+   * In the ltr layout mode, the value start equals to left. In the rtl layout mode, the value start equals to right.
+   */
+  textAlign: string;
+
+  /**
+   * Sets whether an image is smooth.
+   * default value is true.
+   * @devices tv, phone, tablet, wearable, smartVision
+   */
+  imageSmoothingEnabled: boolean;
+
+  /**
+   * Sets a text baseline in the horizontal direction for text alignment.
+   * Text baseline. Available values include:
+   * alphabetic (default): The text baseline is the normal alphabetic baseline.
+   * top: The text baseline is on the top of the text bounding box.
+   * hanging: The text baseline is a hanging baseline over the text.
+   * middle: The text baseline is in the middle of the text bounding box.
+   * ideographic: The text baseline is the ideographic baseline. If a character exceeds the alphabetic baseline, the ideographic baseline is located at the bottom of the excessive character.
+   * bottom: The text baseline is at the bottom of the text bounding box. Its difference from the ideographic baseline is that the ideographic baseline does not consider letters in the next line.
+   */
+  textBaseline: string;
+
+  /**
+   * Creates a linear gradient color.
+   * @param x0 X-coordinate of the start point.
+   * @param y0 Y-coordinate of the start point.
+   * @param x1 X-coordinate of the end point.
+   * @param y1 Y-coordinate of the end point.
+   * @returns LinearGradient object.
+   */
+  createLinearGradient(
+    x0: number,
+    y0: number,
+    x1: number,
+    y1: number
+  ): CanvasGradient;
+
+  /**
+   * Creates a radial gradient color.
+   * @param x0 X-coordinate of the start point.
+   * @param y0 Y-coordinate of the start point.
+   * @param r0 The radius of the starting circle.
+   * @param x1 X-coordinate of the end point.
+   * @param y1 Y-coordinate of the end point.
+   * @param r1 The radius of End Circle.
+   * @returns RadialGradient object.
+   */
+  createRadialGradient(
+    x0: number,
+    y0: number,
+    r0: number,
+    x1: number,
+    y1: number,
+    r1: number
+  ): CanvasGradient;
+
+  /**
+   * Creates a pattern for image filling based on a specified source image and repetition mode.
+   * @param image Source image.
+   * @param repetition Repetition mode. The value can be "repeat", "repeat-x", "repeat-y", or "no-repeat".
+   * @returns Pattern of image filling.
+   */
+  createPattern(image: Image, repetition: string): object;
+
+  /**
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   * @param path another created Path2D object.
+   * @returns the object of Path2D.
+   */
+  createPath2D(path?: Path2D): Path2D;
+
+  /**
+   * Creates a path that is later used by the CanvasRenderingContext2D object.
+   * @param cmds a string defined using the SVG path command.
+   * @returns the object of Path2D.
+   */
+  createPath2D(cmds?: string): Path2D;
+
+  /**
+   * Draws a cubic bezier curve on the canvas.
+   * @param cp1x X-coordinate of the first parameter of the bezier curve.
+   * @param cp1y Y-coordinate of the first parameter of the bezier curve.
+   * @param cp2x X-coordinate of the second parameter of the bezier curve.
+   * @param cp2y Y-coordinate of the second parameter of the bezier curve.
+   * @param x End point x-coordinate of the bezier curve.
+   * @param y End point y-coordinate of the bezier curve.
+   */
+  bezierCurveTo(
+    cp1x: number,
+    cp1y: number,
+    cp2x: number,
+    cp2y: number,
+    x: number,
+    y: number
+  ): void;
+
+  /**
+   * Draws a quadratic curve on the canvas.
+   * @param cpx X-coordinate of the bezier curve parameter.
+   * @param cpy Y-coordinate of the bezier curve parameter.
+   * @param x End point x-coordinate of the bezier curve.
+   * @param y End point y-coordinate of the bezier curve.
+   */
+  quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+
+  /**
+   * Draws an arc on the canvas.
+   * @param x X-coordinate of the center point of the arc.
+   * @param y Y-coordinate of the center point of the arc.
+   * @param radius Radius of the arc.
+   * @param startAngle Start radian of the arc.
+   * @param endAngel End radian of the arc.
+   * @param anticlockwise Whether to draw the arc counterclockwise.
+   */
+  arc(
+    x: number,
+    y: number,
+    radius: number,
+    startAngle: number,
+    endAngel: number,
+    anticlockwise?: boolean
+  ): void;
+
+  /**
+   * Draws an arc based on the radius and points on the arc.
+   * @param x1 X-coordinate of the first point on the arc.
+   * @param y1 Y-coordinate of the first point on the arc.
+   * @param x2 X-coordinate of the second point on the arc.
+   * @param y2 Y-coordinate of the second point on the arc.
+   * @param radius Radius of the arc.
+   */
+  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+
+  /**
+   * Draws an ellipse based on the coordinate and radius.
+   * @param x X-coordinate of the center point on the ellipse.
+   * @param y Y-coordinate of the center point on the ellipse.
+   * @param radiusX X-coordinate of the radius Length on the ellipse.
+   * @param radiusY Y-coordinate of the radius Length on the ellipse.
+   * @param rotation The rotation angle of the ellipse, in radians.
+   * @param startAngle Angle of the start point for ellipse drawing.
+   * @param endAngle End Point Angle for Ellipse Drawing.
+   * @param anticlockwise Indicates whether to draw an ellipse counterclockwise.
+   * 0: clockwise; 1: counterclockwise. The default value is 0.
+   */
+  ellipse(
+    x: number,
+    y: number,
+    radiusX: number,
+    radiusY: number,
+    rotation: number,
+    startAngle: number,
+    endAngle: number,
+    anticlockwise?: number
+  ): void;
+
+  /**
+   * Creates a rectangular.
+   * @param x X-coordinate of the upper left corner of the rectangle.
+   * @param y Y-coordinate of the upper left corner of the rectangle.
+   * @param width Width of the rectangle.
+   * @param height Height of the rectangle.
+   */
+  rect(x: number, y: number, width: number, height: number): void;
+
+  /**
+   * Fills the area inside a closed path.
+   */
+  fill(): void;
+
+  /**
+   * Sets a path as the clipping path.
+   */
+  clip(): void;
+
+  /**
+   * Rotates a canvas clockwise around its coordinate axes.
+   * @param rotate Clockwise rotation angle. You can use Math.PI / 180 to convert the angle to radian.
+   */
+  rotate(rotate: number): void;
+
+  /**
+   * Scales a canvas based on scaling factors.
+   * @param x Horizontal scale factor.
+   * @param y Vertical scale factor.
+   */
+  scale(x: number, y: number): void;
+
+  /**
+   * Defines a transformation matrix.
+   * To transform a graph, you only need to set parameters of the matrix.
+   * The coordinates of the corresponding graph are multiplied by the matrix values to obtain new coordinates of the transformed graph.
+   * You can use the matrix to implement multiple transform effects.
+   * @param scaleX X-axis scale.
+   * @param skewX X-axis skew.
+   * @param skewY Y-axis skew.
+   * @param scaleY Y-axis scale.
+   * @param translateX X-axis translation.
+   * @param translateY Y-axis translation.
+   */
+  transform(
+    scaleX: number,
+    skewX: number,
+    skewY: number,
+    scaleY: number,
+    translateX: number,
+    translateY: number
+  ): void;
+
+  /**
+   * Uses same parameters as the transform() function to reset the existing transformation matrix and create a new transformation matrix.
+   * @param scaleX X-axis scale.
+   * @param skewX X-axis skew.
+   * @param skewY Y-axis skew.
+   * @param scaleY Y-axis scale.
+   * @param translateX X-axis translation.
+   * @param translateY Y-axis translation.
+   */
+  setTransform(
+    scaleX: number,
+    skewX: number,
+    skewY: number,
+    scaleY: number,
+    translateX: number,
+    translateY: number
+  ): void;
+
+  /**
+   * Moves the origin of the coordinate system.
+   * @param x X-axis translation.
+   * @param y Y-axis translation.
+   */
+  translate(x: number, y: number): void;
+
+  /**
+   * Sets the alpha value.
+   * Global alpha value to set.
+   * The value ranges from 0.0 (completely transparent) to 1.0 (completely opaque).
+   */
+  globalAlpha: number;
+
+  /**
+   * Draws an image.
+   * @param image Image resource.
+   * @param dx X-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param dy Y-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param dWidth Width of the drawing area.
+   * @param dHeight Height of the drawing area.
+   */
+  drawImage(
+    image: Image,
+    dx: number,
+    dy: number,
+    dWidth: number,
+    dHeight: number
+  ): void;
+
+  /**
+   * Draws an image.
+   * @param image Image resource.
+   * @param sx X-coordinate of the upper left corner of the rectangle used to crop the source image.
+   * @param sy Y-coordinate of the upper left corner of the rectangle used to crop the source image.
+   * @param sWidth Target width of the image to crop.
+   * @param sHeight Target height of the image to crop.
+   * @param dx X-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param dy Y-coordinate of the upper left corner of the drawing area on the canvas.
+   * @param dWidth Width of the drawing area.
+   * @param dHeight Height of the drawing area.
+   */
+  drawImage(
+    image: Image,
+    sx: number,
+    sy: number,
+    sWidth: number,
+    sHeight: number,
+    dx: number,
+    dy: number,
+    dWidth: number,
+    dHeight: number
+  ): void;
+
+  /**
+   * Restores the saved drawing context.
+   */
+  restore: () => void;
+
+  /**
+   * Saves the current drawing context.
+   */
+  save: () => void;
+
+  /**
+   * Creates an ImageData object.
+   * @param width Width of the ImageData object.
+   * @param height Height of the ImageData object.
+   * @returns Returns the newly created FunctionCallable object.
+   */
+  createImageData(width: number, height: number): ImageData;
+  /**
+   * Creates an ImageData object.
+   * @param imagedata ImageData object with the same width and height copied from the original ImageData object.
+   * @returns Returns the newly created FunctionCallable object.
+   */
+  createImageData(imagedata: ImageData): ImageData;
+
+  /**
+   * ImageData object created with pixels in the specified area on the canvas.
+   * @param sx X-coordinate of the upper left corner of the output area.
+   * @param sy Y-coordinate of the upper left corner of the output area.
+   * @param sw Width of the output area.
+   * @param sh Height of the output area.
+   * @returns ImageData object that contains pixels in the specified area on the canvas.
+   */
+  getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
+
+  /**
+   * Puts the ImageData onto a rectangular area on the canvas.
+   * @param imageData ImageData object with pixels to put onto the canvas.
+   * @param dx X-axis offset of the rectangle area on the canvas.
+   * @param dy Y-axis offset of the rectangle area on the canvas.
+   */
+  putImageData(imageData: ImageData, dx: number, dy: number): void;
+
+  /**
+   * Puts the ImageData onto a rectangular area on the canvas.
+   * @param imageData ImageData object with pixels to put onto the canvas.
+   * @param dx X-axis offset of the rectangle area on the canvas.
+   * @param dy Y-axis offset of the rectangle area on the canvas.
+   * @param dirtyX X-axis offset of the upper left corner of the rectangle area relative to that of the source image.
+   * @param dirtyY Y-axis offset of the upper left corner of the rectangle area relative to that of the source image.
+   * @param dirtyWidth Width of the rectangle area to cop the source image.
+   * @param dirtyHeight Height of the rectangle area to cop the source image.
+   */
+  putImageData(
+    imageData: ImageData,
+    dx: number,
+    dy: number,
+    dirtyX: number,
+    dirtyY: number,
+    dirtyWidth: number,
+    dirtyHeight: number
+  ): void;
+
+  /**
+   * Sets the dash line style.
+   * @param segments Interval of alternate line segments and the length of spacing.
+   */
+  setLineDash(segments: Array<number>): void;
+
+  /**
+   * Obtains the dash line style.
+   * @returns Interval of alternate line segments and the length of spacing.
+   */
+  getLineDash(): Array<number>;
+
+  /**
+   * Sets the dash line offset.
+   * Dash line offset. The value is a float number starting from 0.0.
+   */
+  lineDashOffset: number;
+
+  /**
+   * Sets the composite operation type.
+   * source-over Default value. Displays the new drawing above the existing drawing.
+   * source-atop Displays the new drawing on the top of the existing drawing.
+   * source-in Displays the new drawing inside the existing drawing.
+   * source-out Displays part of the new drawing that is outside of the existing drawing.
+   * destination-over Displays the existing drawing above the new drawing.
+   * destination-atop Displays the existing drawing above the new drawing.
+   * destination-in Displays the existing drawing inside the new drawing.
+   * destination-out Displays part of the existing drawing that is outside of the new drawing.
+   * lighter Displays both the new drawing and the existing drawing.
+   * copy Displays the new drawing and neglects the existing drawing.
+   * xor Combines the new drawing and existing drawing using the XOR operation.
+   */
+  globalCompositeOperation: string;
+
+  /**
+   * Sets the shadow blur degree.
+   * Shadow blur degree. A larger value indicates a more blurred shadow. The value is of the float type, and the default value is 0.
+   */
+  shadowBlur: number;
+
+  /**
+   * Sets the shadow color.
+   */
+  shadowColor: string;
+
+  /**
+   * Sets the x-axis shadow offset relative to the original object.
+   * X-axis shadow offset relative to the original object.
+   */
+  shadowOffsetX: number;
+
+  /**
+   * Sets the y-axis shadow offset relative to the original object.
+   * Y-axis shadow offset relative to the original object.
+   */
+  shadowOffsetY: number;
+
+  /**
+   * Draws the Bitmap to the current canvas.
+   * @devices tv, phone, tablet, wearable
+   */
+  transferFromImageBitmap(bitmap: ImageBitmap): void;
+}
+
+/**
+ * You can create a gradient object on the canvas by calling CanvasRenderingContext2D.createLinearGradient().
+ */
+export interface CanvasGradient {
+  /**
+   * Adds a color stop for the CanvasGradient object based on the specified offset and gradient color.
+   * @param offset Proportion of the distance between the color stop and the start point to the total length.
+   * The value ranges from 0 to 1.
+   * @param color Sets the gradient color.
+   */
+  addColorStop(offset: number, color: string): void;
+}
+
+export interface Path2D {
+  /**
+   * Add another path to current path.
+   * @param path another created Path2D object.
+   */
+  addPath(path: Path2D): void;
+
+  /**
+   * Uses same parameters as the transform() function to reset the existing transformation matrix and create a new transformation matrix.
+   * @param scaleX X-axis scale.
+   * @param skewX X-axis skew.
+   * @param skewY Y-axis skew.
+   * @param scaleY Y-axis scale.
+   * @param translateX X-axis translation.
+   * @param translateY Y-axis translation.
+   */
+  setTransform(
+    scaleX: number,
+    skewX: number,
+    skewY: number,
+    scaleY: number,
+    translateX: number,
+    translateY: number
+  ): void;
+
+  /**
+   * Draws a closed path.
+   */
+  closePath(): void;
+
+  /**
+   * Moves a drawing path to a target position on the canvas.
+   * @param x X-coordinate of the target position.
+   * @param y Y-coordinate of the target position.
+   */
+  moveTo(x: number, y: number): void;
+
+  /**
+   * Connects the current point to a target position using a straight line.
+   * @param x X-coordinate of the target position.
+   * @param y Y-coordinate of the target position.
+   */
+  lineTo(x: number, y: number): void;
+
+  /**
+   * Draws a cubic bezier curve on the canvas.
+   * @param cp1x X-coordinate of the first parameter of the bezier curve.
+   * @param cp1y Y-coordinate of the first parameter of the bezier curve.
+   * @param cp2x X-coordinate of the second parameter of the bezier curve.
+   * @param cp2y Y-coordinate of the second parameter of the bezier curve.
+   * @param x End point x-coordinate of the bezier curve.
+   * @param y End point y-coordinate of the bezier curve.
+   */
+  bezierCurveTo(
+    cp1x: number,
+    cp1y: number,
+    cp2x: number,
+    cp2y: number,
+    x: number,
+    y: number
+  ): void;
+
+  /**
+   * Draws a quadratic curve on the canvas.
+   * @param cpx X-coordinate of the bezier curve parameter.
+   * @param cpy Y-coordinate of the bezier curve parameter.
+   * @param x End point x-coordinate of the bezier curve.
+   * @param y End point y-coordinate of the bezier curve.
+   */
+  quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+
+  /**
+   * Draws an arc on the canvas.
+   * @param x X-coordinate of the center point of the arc.
+   * @param y Y-coordinate of the center point of the arc.
+   * @param radius Radius of the arc.
+   * @param startAngle Start radian of the arc.
+   * @param endAngel End radian of the arc.
+   * @param anticlockwise Whether to draw the arc counterclockwise.
+   */
+  arc(
+    x: number,
+    y: number,
+    radius: number,
+    startAngle: number,
+    endAngel: number,
+    anticlockwise?: boolean
+  ): void;
+
+  /**
+   * Draws an arc based on the radius and points on the arc.
+   * @param x1 X-coordinate of the first point on the arc.
+   * @param y1 Y-coordinate of the first point on the arc.
+   * @param x2 X-coordinate of the second point on the arc.
+   * @param y2 Y-coordinate of the second point on the arc.
+   * @param radius Radius of the arc.
+   */
+  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+
+  /**
+   * Draws an ellipse based on the coordinate and radius.
+   * @param x X-coordinate of the center point on the ellipse.
+   * @param y Y-coordinate of the center point on the ellipse.
+   * @param radiusX X-coordinate of the radius Length on the ellipse.
+   * @param radiusY Y-coordinate of the radius Length on the ellipse.
+   * @param rotation The rotation angle of the ellipse, in radians.
+   * @param startAngle Angle of the start point for ellipse drawing.
+   * @param endAngle End Point Angle for Ellipse Drawing.
+   * @param anticlockwise Indicates whether to draw an ellipse counterclockwise.
+   * 0: clockwise; 1: counterclockwise. The default value is 0.
+   */
+  ellipse(
+    x: number,
+    y: number,
+    radiusX: number,
+    radiusY: number,
+    rotation: number,
+    startAngle: number,
+    endAngle: number,
+    anticlockwise?: number
+  ): void;
+
+  /**
+   * Creates a rectangular.
+   * @param x X-coordinate of the upper left corner of the rectangle.
+   * @param y Y-coordinate of the upper left corner of the rectangle.
+   * @param width Width of the rectangle.
+   * @param height Height of the rectangle.
+   */
+  rect(x: number, y: number, width: number, height: number): void;
+}
+
+/**
+ * <canvas> provides a rectangular canvas component for drawing graphics on the screen.
+ * You can control each pixel to draw on the canvas.
+ * <canvas> offers a variety of functions for drawing paths, rectangles, circles, text, and allows for adding images to it.
+ */
+export interface CanvasElement extends Element {
+  /**
+   * Obtains the context of 2D canvas drawing.
+   * Only parameters related to 2D canvas drawing are supported.
+   * The return value is a 2D drawing object that provides specific 2D drawing operations.
+   * @param type identifier defining the drawing context associated to the canvas.
+   * @param options use this context attributes to creating rendering context.
+   * @param param
+   */
+  getContext(type: '2d', options?: ContextAttrOptions): CanvasRenderingContext2D;
+
+  /**
+   * Obtains the context of webgl canvas drawing.
+   * Only parameters related to webgl canvas drawing are supported.
+   * The return value is a webgl drawing object that provides specific webgl drawing operations.
+   * @param type identifier defining the drawing context associated to the canvas.
+   * @param options use this context attributes to creating rendering context.
+   * @param param
+   */
+  getContext(type: "webgl", options?: WebGLContextAttributes): WebGLRenderingContext;
+
+  /**
+   * Obtains the context of webgl2 canvas drawing.
+   * Only parameters related to webgl2 canvas drawing are supported.
+   * The return value is a webgl2 drawing object that provides specific webgl2 drawing operations.
+   * @param type identifier defining the drawing context associated to the canvas.
+   * @param options use this context attributes to creating rendering context.
+   * @param param
+   */
+  getContext(type: "webgl2", options?: WebGLContextAttributes): WebGL2RenderingContext;
+
+  /**
+   * Creates a data URI that contains the image display.
+   * @param type A DOMString indicating the image format. The default type is image/png.
+   * @param quality A Number between 0 and 1 indicating image quality if the type option
+   * is image/jpeg or image/webp. If this argument is anything else,
+   * the default value for image quality is used. Other arguments are ignored.
+   */
+  toDataURL(type?: string, quality?: number): string;
+}
+
+export interface ScrollOptions {
+  /**
+   * Scroll to the target position of the page. Unit: px
+   */
+  position: number;
+
+  /**
+   * Duration of the scrolling animation, in ms.
+   */
+  duration: number;
+
+  /**
+   * The selector for current scroll.
+   */
+  id?: string;
+
+  /**
+   * The timing function for current scroll animation.
+   */
+  timingFunction?: string;
+
+  /**
+   * Callback function for successful interface invocation.
+   * @param result the request execution result.
+   */
+  success?: (result: Object) => void;
+
+  /**
+   * Callback function for interface invocation failure.
+   * @param result the request execution result.
+   */
+  fail?: (result: Object) => void;
+
+  /**
+   * Callback function at the end of the interface invoking (executed both successfully and unsuccessfully).
+   * @param result the request execution result.
+   */
+  complete?: (result: Object) => void;
+}
+
+export interface ScrollParam {
+  /**
+   * Offset for scrolling in the horizontal direction, in px.
+   */
+  dx?: number;
+
+  /**
+   * Offset for scrolling in the vertical direction, in px.
+   */
+  dy?: number;
+
+  /**
+   * Whether a sliding animation is displayed when scroll position is changed.
+   */
+  smooth?: boolean;
+}
+
+export interface ScrollOffset {
+  /**
+   * Scrolling offset in the x-axis, in px.
+   */
+  x: number;
+
+  /**
+   * Scrolling offset in the y-axis, in px.
+   */
+  y: number;
+}
+
+/**
+ * The <div> component provides a div container.
+ */
+export interface DivElement extends Element {
+  /**
+   * Scrolls the div for a certain distance.
+   */
+  scrollBy(data: ScrollParam): void;
+
+  /**
+   * Returns the offset of the current scrolling. The return value type is Object.
+   */
+  getScrollOffset(): ScrollOffset;
+}
+
+export interface Application {
+  /**
+   * Object that is exposed in the app.js file and obtained by this.$app.$def.
+   */
+  $def: any;
+}
+
+export interface ViewModel {
+  $app: Application;
+
+  /**
+   * Sets the parameters based on the system language, for example, this.$t('strings.hello').
+   * @param path Path of the language resource key.
+   * @param param Content used to replace placeholders during runtime.
+   * @returns Content.
+   * There are two types of placeholders available:Named placeholder, for example, {name}. The actual content must be of the object type, for example, $t('strings.object', { name: 'Hello world' }).
+   * Digit placeholder, for example, {0}. The actual content must be of the array type, for example, $t('strings.array', ['Hello world'].
+   */
+  $t(path: string, params?: object | Array<any>): string;
+
+  /**
+   * Converses between singular and plural forms based on the system language, for example, this.$tc('strings.plurals').
+   * NOTE
+   * The resource content is distinguished by the following JSON keys: zero, one, two, few, many, and other.
+   * @param path Resource file path.
+   * @param count Value.
+   * @returns Content.
+   */
+  $tc(path: string, count: number): string;
+
+  /**
+   * Replace the resource path based on the DPI of the current device: this.$r('image.wearables').
+   * @param path Resource file path.
+   * @returns Content.
+   */
+  $r(path: string): string;
+
+  /**
+   * Adds an attribute or modifies an existing attribute.
+   * Usage: this.$set('key',value): Add an attribute.
+   * @param key
+   * @param value
+   */
+  $set(key: string, value: any): void;
+
+  /**
+   * Deletes an attribute.
+   * Usage:this.$delete('key'): Delete an attribute.
+   * @param key
+   */
+  $delete(key: string): void;
+
+  /**
+   * Obtains the component with a specified ID. If no ID is specified, the root component is returned.
+   * Usage:
+   * <div id='xxx'></div>
+   * this.$element('xxx'): Obtain the component whose ID is xxx.
+   * this.$element(): Obtain the root component.
+   * @param id Component ID.
+   */
+  $element(
+    id?: string
+  ): AnimationElement &
+    CanvasElement &
+    object &
+    ListElement &
+    SwiperElement &
+    DialogElement &
+    ImageAnimatorElement &
+    MarqueeElement &
+    ChartElement &
+    InputElement &
+    ButtonElement &
+    DivElement;
+
+  /**
+   * Obtains the root ViewModel instance.
+   */
+  $root(): ViewModel & object;
+
+  /**
+   * Obtains the parent ViewModel instance.
+   */
+  $parent(): ViewModel & object;
+
+  /**
+   * Obtains the ViewModel instance of a custom child component with a specified ID.
+   * Usage:this.$child('xxx'): Obtain the ViewModel instance of a custom child component whose ID is xxx.
+   * @param id Component ID.
+   */
+  $child(id: string): ViewModel & object;
+
+  /**
+   * Listens for attribute changes. If the value of the data attribute changes, the bound event is triggered.
+   * @param data Attribute.
+   * @param callback Function name.
+   */
+  $watch(data: string, callback: string): void;
+
+  /**
+   * An object that holds all DOM elements and component instances that have been registered with the refs attribute.
+   */
+  $refs: ElementReferences;
+
+  /**
+   * Custom events.
+   * @param event The name of event.
+   * @param params The params of event.
+   */
+  $emit(event: string, params?: object): void;
+
+  /**
+   * Scroll the page to the destination.
+   * @param options The properties of event.
+   */
+  scrollTo(options: ScrollOptions): void
+}
+
+export interface ElementReferences {
+  [k: string]: AnimationElement &
+    CanvasElement &
+    object &
+    ListElement &
+    SwiperElement &
+    DialogElement &
+    ImageAnimatorElement &
+    MarqueeElement &
+    ChartElement &
+    InputElement &
+    ButtonElement &
+    DivElement;
+}
+
+export declare class Locate {
+  /**
+   * language, such as 'zh'.
+   */
+  language: string;
+
+  /**
+   * country or regin, such ass 'CN'.
+   */
+  countryOrRegion: string;
+
+  /**
+   * text layout direction, ltr or rtl.
+   */
+  dir: "ltr" | "rtl";
+
+  /**
+   * The Unicode locale key set defined by the locale. If this locale does not have a specific key set, an empty set is
+   * returned. For example: {"nu": "arab"}, which means that the numbers in the current environment use Arabic numbers.
+   */
+  unicodeSetting: object;
+}
+
+export declare class Configuration {
+  /**
+   * Internationalization related information, such as language, country, text layout direction, etc.
+   */
+  locate: Locate;
+
+  /**
+   * The magnification of the current system font.
+   */
+  fontScale: number;
+}
+
+export interface Options<T extends ViewModel, Data = DefaultData<T>> {
+  /**
+   * Data model of the page that can be converted into a JSON object.
+   * The attribute name cannot start with $ or an underscore (_) or contain the reserved words such as for, if, show, and tid.
+   * For a function, the return value must be an object.
+   * Set the value of data to the return value of the function during page initialization.
+   */
+  data?: Data;
+
+  /**
+   * Listens for page initialization.
+   * Called when page initialization is complete. This function is called only once in a lifecycle.
+   */
+  onInit?(): void;
+
+  /**
+   * Listens for page creation.
+   * Called when a page is created. This function is called only once in a lifecycle.
+   */
+  onReady?(): void;
+
+  /**
+   * Listens for page display.
+   * Called when the page is displayed.
+   */
+  onShow?(): void;
+
+  /**
+   * Listens for page hiding.
+   * Called when the page disappears.
+   */
+  onHide?(): void;
+
+  /**
+   * Listens for page destruction.
+   * Called when the page is destroyed.
+   */
+  onDestroy?(): void;
+
+  /**
+   * Listens for the back button action.
+   * The back button is tapped:
+   * @returns true means that the page processes the return logic.
+   * false means that the default return logic is used.
+   * If no value is returned, the default return logic is used.
+   */
+  onBackPress?(): boolean;
+
+  /**
+   * Listens for application creation.
+   * Called when the application is created.
+   */
+  onCreate?(): void;
+
+  /**
+   * Listens for page active.
+   * Called when the page is activing.
+   */
+  onActive?(): void;
+
+  /**
+   * Listens for page inactive.
+   * Called when the page is paused.
+   */
+  onInactive?(): void;
+
+  /**
+   * This callback is triggered when a new request is received when the FA has started.
+   */
+  onNewRequest?(): void;
+
+  /**
+   * Callback when FA initiates a migration, in this callback, the application can decide whether
+   * to migrate according to the current state.
+   */
+  onStartContinuation?(): boolean;
+
+  /**
+   * For the callback of saving state data, the developer needs to fill in the parameter object
+   * the data to be migrated to the target device.
+   */
+  onSaveData?(value: object): void;
+
+  /**
+   * The callback to restore the data saved by the onSaveData method when the migration was initiated.
+   */
+  onRestoreData?(value: object): void;
+
+  /**
+   * The callback for the completion of the migration, which is triggered on the calling side, indicates
+   * the result of the application migration to the target device.
+   */
+  onCompleteContinuation?(code: number): void;
+
+  /**
+   * This callback is triggered when the corresponding system configuration changes, such as system font size,
+   * language region, etc.
+   */
+  onConfigurationUpdated?(configuration: Configuration): void;
+}
+
+type DefaultData<T> = object;
+type CombinedOptions<T extends ViewModel, Data> = object &
+  Options<T, Data> &
+  ThisType<T & ViewModel & Data>;
+export declare function extendViewModel<T extends ViewModel, Data>(
+  options: CombinedOptions<T, Data>
+): ViewModel & Data;
diff --git a/api/wearable/@system.app.d.ts b/api/wearable/@system.app.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..7eced9856c12c7fe8be1219135a43c3b09b72df0
--- /dev/null
+++ b/api/wearable/@system.app.d.ts
@@ -0,0 +1,108 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface AppResponse {
+  /**
+   * Application bundleName.
+   * @since 6
+   */
+  appID: string;
+
+  /**
+   * Application name.
+   * @since 3
+   */
+  appName: string;
+
+  /**
+   * Application version name.
+   * @since 3
+   */
+  versionName: string;
+
+  /**
+   * Application version.
+   * @since 3
+   */
+  versionCode: number;
+}
+
+export interface ScreenOnVisibleOptions {
+  /**
+   * Whether to keep the application visible. The default value is false.
+   * @since 3
+   */
+  visible?: boolean;
+
+  /**
+   * Called when the application always keeps visible.
+   * @since 3
+   */
+  success?: () => void;
+
+  /**
+   * Called when the application fails to keep visible.
+   * @since 3
+   */
+  fail?: (data: string, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class App {
+  /**
+   * Obtains the declared information in the config.json file of an application.
+   */
+  static getInfo(): AppResponse;
+
+  /**
+   * Destroys the current ability.
+   */
+  static terminate(): void;
+
+  /**
+   * Keeps the application visible after the screen is woken up.
+   * This method prevents the system from returning to the home screen when the screen is locked.
+   */
+  static screenOnVisible(options?: ScreenOnVisibleOptions): void;
+
+  /**
+   * Set image cache capacity of decoded image count.
+   * If not set, the application will not cache any decoded image.
+   * @param value  capacity of decoded image count
+   */
+  static setImageCacheCount(value: number): void;
+
+  /**
+   * Set image cache capacity of raw image data size in Bytes before decode.
+   * If not set, the application will not cache any raw image data.
+   * @param value  capacity of raw image data size in Bytes.
+   */
+  static setImageRawDataCacheSize(value: number): void;
+
+  /**
+   * Set image file cache size in Bytes on disk before decode.
+   * If not set, the application will not cache 100MB image files on disk.
+   * @param value  capacity of image file size in Bytes.
+   */
+  static setImageFileCacheSize(value: number): void;
+}
diff --git a/api/wearable/@system.battery.d.ts b/api/wearable/@system.battery.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2ab3be8157eff669f5094bbce8e63bcf4efe7671
--- /dev/null
+++ b/api/wearable/@system.battery.d.ts
@@ -0,0 +1,57 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface BatteryResponse {
+  /**
+   * Whether the battery is being charged.
+   * @since 3
+   */
+  charging: boolean;
+
+  /**
+   * Current battery level, which ranges from 0.00 to 1.00.
+   * @since 3
+   */
+  level: number;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Battery {
+  /**
+   * Obtains the battery level of the current device.
+   * @param options
+   */
+  static getStatus(options?: {
+    /**
+     * Called when the current charging state and battery level are obtained.
+     * @since 3
+     */
+    success?: (data: BatteryResponse) => void;
+
+    /**
+     * Called when the current charging state and battery level fail to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/wearable/@system.bluetooth.d.ts b/api/wearable/@system.bluetooth.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3b113373c3516caeaa3080c9b772639e73b9ea42
--- /dev/null
+++ b/api/wearable/@system.bluetooth.d.ts
@@ -0,0 +1,79 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface StartBLEScanOptions {
+  interval: number;
+
+  success: () => void;
+
+  fail: (data: string, code: number) => void;
+
+  complete: () => void;
+}
+
+export interface StopBLEScanOptions {
+  success: () => void;
+
+  fail: (data: string, code: number) => void;
+
+  complete: () => void;
+}
+
+export interface BluetoothDevice {
+  addrType: "public" | "random";
+
+  addr: string;
+
+  rssi: number;
+
+  txpower: string;
+
+  data: string;
+}
+
+export interface BLEFoundResponse {
+  devices: Array<BluetoothDevice>;
+}
+
+export interface SubscribeBLEFoundOptions{
+    success: (data: BLEFoundResponse) => void;
+
+    fail: (data: string, code: number) => void;
+}
+
+export default class Bluetooth {
+  /**
+   * Start BLE scan
+   * @param options Options
+   */
+  static startBLEScan(options: StartBLEScanOptions): void;
+
+  /**
+   * Stop BLE scan
+   * @param options Options
+   */
+  static stopBLEScan(options: StopBLEScanOptions): void;
+
+  /**
+   * Subscribe BLE found
+   * @param options Options
+   */
+  static subscribeBLEFound(options: SubscribeBLEFoundOptions): void;
+
+  /**
+   * Stop the subscription of BLE found
+   */
+  static unsubscribeBLEFound(): void;
+}
\ No newline at end of file
diff --git a/api/wearable/@system.brightness.d.ts b/api/wearable/@system.brightness.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0b0f77883516d7e34dd4b72eeca399c2a80c410c
--- /dev/null
+++ b/api/wearable/@system.brightness.d.ts
@@ -0,0 +1,184 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * The screen brightness mode.
+ */
+export interface BrightnessResponse {
+  /**
+   * Screen brightness, which ranges from 1 to 255.
+   * @since 3
+   */
+  value: number;
+}
+
+export interface BrightnessModeResponse {
+  /**
+   * The value can be 0 or 1.
+   * 0: The screen brightness is manually adjusted.
+   * 1: The screen brightness is automatically adjusted.
+   * @since 3
+   */
+  mode: number;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Brightness {
+  /**
+   * Obtains the current screen brightness.
+   * @param options
+   */
+  static getValue(options?: {
+    /**
+     * Called when the current screen brightness is obtains.
+     * @since 3
+     */
+    success?: (data: BrightnessResponse) => void;
+
+    /**
+     * Called when the current screen bightness fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets the screen brightness.
+   * @param options
+   */
+  static setValue(options: {
+    /**
+     * Screen brightness. The value is an integer ranging from 1 to 255.
+     * If the value is less than or equal to 0, value 1 will be used.
+     * If the value is greater than 255, value 255 will be used.
+     * If the value contains decimals, the integral part of the value will be used.
+     * For example, if value 8.1 is set, value 8 will be used.
+     * @since 3
+     */
+    value: number;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution os completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the screen brightness adjustment mode.
+   * @param options
+   */
+  static getMode(options?: {
+    /**
+     * Called when the screen brightness adjustment mode is obtained.
+     * @since 3
+     */
+    success?: (data: BrightnessModeResponse) => void;
+
+    /**
+     * Called when the screen brightness adjustment mode fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets the screen brightness adjustment mode.
+   * @param options
+   */
+  static setMode(options: {
+    /**
+     * The screen brightness mode.
+     * 0: The screen brightness is manually adjusted.
+     * 1: The screen brightness is automatically adjusted.
+     * @since 3
+     */
+    mode: number;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Sets whether to always keep the screen on.
+   * @param options
+   */
+  static setKeepScreenOn(options: {
+    /**
+     * Whether to always keep the screen on.
+     * @since 3
+     */
+    keepScreenOn: boolean;
+
+    /**
+     * Called when the setting is successful.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the setting fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/wearable/@system.configuration.d.ts b/api/wearable/@system.configuration.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ac20fdc8d92fbff977cd35e781687ce406c6e0cc
--- /dev/null
+++ b/api/wearable/@system.configuration.d.ts
@@ -0,0 +1,47 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface LocaleResponse {
+  /**
+   * Current language of the application. Example: zh.
+   * @since 3
+   */
+  language: string;
+
+  /**
+   * Country or region. Example: CN.
+   * @since 3
+   */
+  countryOrRegion: string;
+
+  /**
+   * Text layout direction. Available values are as follows:
+   * ltr: The text direction is from left to right.
+   * rtl: The text direction is from right to left.
+   * @since 3
+   */
+  dir: "ltr" | "rtl";
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Configuration {
+  /**
+   * Obtains the current locale of the application, which is the same as the system locale.
+   * @since 3
+   */
+  static getLocale(): LocaleResponse;
+}
diff --git a/api/wearable/@system.device.d.ts b/api/wearable/@system.device.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5f9b8439c6af9ee7bf67f1a64e68c66bcaba327c
--- /dev/null
+++ b/api/wearable/@system.device.d.ts
@@ -0,0 +1,135 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface DeviceResponse {
+  /**
+   * Brand.
+   * @since 3
+   */
+  brand: string;
+
+  /**
+   * Manufacturer.
+   * @since 3
+   */
+  manufacturer: string;
+
+  /**
+   * Model.
+   * @since 3
+   */
+  model: string;
+
+  /**
+   * Product number.
+   * @since 3
+   */
+  product: string;
+
+  /**
+   * System language.
+   * @since 4
+   */
+  language: string;
+
+  /**
+   * System region.
+   * @since 4
+   */
+  region: string;
+
+  /**
+   * Window width.
+   * @since 3
+   */
+  windowWidth: number;
+
+  /**
+   * Window Height.
+   * @since 3
+   */
+  windowHeight: number;
+
+  /**
+   * Screen density.
+   * @since 4
+   */
+  screenDensity: number;
+
+  /**
+   * Screen shape. The options are as follows:
+   * rect: Rectangle screen.
+   * cicle: Circle screen.
+   * @since 4
+   */
+  screenShape: "rect" | "circle";
+
+    /**
+   * API version.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  apiVersion: number;
+
+  /**
+   * Device type. The options are as follows:
+   * phone: smartphone
+   * tablet: tablet
+   * tv: smart TV
+   * wearable: wearable
+   * liteWearable: lite wearable
+   * ar: AR
+   * vr: virtual reality
+   * earphones: headset
+   * pc: personal computer
+   * speaker: speaker
+   * smartVision: smart visual device
+   * linkIoT: connection module
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 4
+   */
+  deviceType: string;
+}
+
+export interface GetDeviceOptions {
+  /**
+   * Called when the device information is obtained.
+   * @since 3
+   */
+  success?: (data: DeviceResponse) => void;
+
+  /**
+   * Called when the device information fails to be obtained.
+   * @since 3
+   */
+  fail?: (data: any, code: number) => void;
+
+  /**
+   * Called when the execution is completed.
+   * @since 3
+   */
+  complete?: () => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Device {
+  /**
+   * Obtains the device information.
+   * @param options
+   */
+  static getInfo(options?: GetDeviceOptions): void;
+}
diff --git a/api/wearable/@system.fetch.d.ts b/api/wearable/@system.fetch.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8f34ef16449881c94512a244d769b11adcfac0bf
--- /dev/null
+++ b/api/wearable/@system.fetch.d.ts
@@ -0,0 +1,93 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface FetchResponse {
+  /**
+   * Server status code.
+   * @since 3
+   */
+  code: number;
+
+  /**
+   * Data returned by the success function.
+   * @since 3
+   */
+  data: string | object;
+
+  /**
+   * All headers in the response from the server.
+   * @since 3
+   */
+  headers: Object;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Fetch {
+  /**
+   * Obtains data through the network.
+   * @param options
+   */
+  static fetch(options: {
+    /**
+     * Resource URL.
+     * @since 3
+     */
+    url: string;
+
+    /**
+     * Request parameter, which can be of the string type or a JSON object.
+     * @since 3
+     */
+    data?: string | object;
+
+    /**
+     * Request header.
+     * @since 3
+     */
+    header?: Object;
+
+    /**
+     * Request methods available: OPTIONS, GET, HEAD, POST, PUT, DELETE and TRACE. The default value is GET.
+     * @since 3
+     */
+    method?: string;
+
+    /**
+     * The return type can be text, or JSON. By default, the return type is determined based on Content-Type in the header returned by the server.
+     * @since 3
+     */
+    responseType?: string;
+
+    /**
+     * Called when the network data is obtained successfully.
+     * @since 3
+     */
+    success?: (data: FetchResponse) => void;
+
+    /**
+     * Called when the network data fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/wearable/@system.file.d.ts b/api/wearable/@system.file.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e36081c2de19d140326d9facfda8f90bfe7df994
--- /dev/null
+++ b/api/wearable/@system.file.d.ts
@@ -0,0 +1,507 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface FileResponse {
+  /**
+   * File URI.
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * File size, in bytes.
+   * @since 3
+   */
+  length: number;
+
+  /**
+   * Timestamp when the file is stored, which is the number of milliseconds elapsed since 1970/01/01 00:00:00 GMT.
+   * @since 3
+   */
+  lastModifiedTime: number;
+
+  /**
+   * File type. Available values are as follows:
+   * dir: directory
+   * file: file
+   * @since 3
+   */
+  type: "dir" | "file";
+}
+
+export interface IFile extends FileResponse {
+  /**
+   * File list.
+   * @since 3
+   */
+  subFiles?: Array<IFile>;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class File {
+  /**
+   * Moves a specified file to a given location.
+   * @param options Options.
+   */
+  static move(options: {
+    /**
+     * URI of the file to move.
+     * @since 3
+     */
+    srcUri: string;
+
+    /**
+     * URI of the location to which the file is to move.
+     * @since 3
+     */
+    dstUri: string;
+
+    /**
+     * Called when the source file is moved to the specified location successfully.
+     * This function returns the URI of the file moved to the target location.
+     * @since 3
+     */
+    success?: (uri: string) => void;
+
+    /**
+     * Called when moving fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Copies a file and save the copy to a specified location.
+   * @param options Options.
+   */
+  static copy(options: {
+    /**
+     * URI of the file to copy.
+     * @since 3
+     */
+    srcUri: string;
+
+    /**
+     * URI of the location to which the copy is to save.
+     * The directory of application resources and URI of the tmp type are not supported.
+     * @since 3
+     */
+    dstUri: string;
+
+    /**
+     * Called when the source file is copied and saved to the specified location successfully.
+     * This function returns the URI of the file moved to the target location.
+     * @since 3
+     */
+    success?: (uri: string) => void;
+
+    /**
+     * Called when the copy or save operation fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the list of files in a specified directory.
+   * @param options Options.
+   */
+  static list(options: {
+    /**
+     * URI of the directory.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Called when the list is obtained successfully.
+     * @since 3
+     */
+    success?: (data: { fileList: Array<FileResponse> }) => void;
+
+    /**
+     * Called when the list fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains information about a specified local file.
+   * @param options
+   */
+  static get(options: {
+    /**
+     * File URI.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Whether to recursively obtain the file list under a subdirectory.
+     * The default value is false.
+     * @since 3
+     */
+    recursive?: boolean;
+
+    /**
+     * Called when file information is obtained successfully.
+     * @since 3
+     */
+    success?: (file: IFile) => void;
+
+    /**
+     * Called when file information fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Deletes a local file.
+   * @param options
+   */
+  static delete(options: {
+    /**
+     * URI of the file to be deleted, which cannot be an application resource path.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Called when local files are deleted successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the deletion fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Writes texts into a specified file.
+   * @param options
+   */
+  static writeText(options: {
+    /**
+     * URI of a local file. If it does not exist, a file will be created.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Character string to write into the local file.
+     * @since 3
+     */
+    text: string;
+
+    /**
+     * Encoding format. The default format is UTF-8.
+     * @since 3
+     */
+    encoding?: string;
+
+    /**
+     * Whether to enable the append mode. The default value is false.
+     * @since 3
+     */
+    append?: boolean;
+
+    /**
+     * Called when texts are written into a file successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when texts fail to be written into a file.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Reads texts from a specified file.
+   * @param options
+   */
+  static readText(options: {
+    /**
+     * URI of a local file.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Encoding format. The default format is UTF-8.
+     * @since 3
+     */
+    encoding?: string;
+
+    /**
+     * Called when texts are read successfully.
+     * @since 3
+     */
+    success?: (data: { text: string }) => void;
+
+    /**
+     * Called when texts fail to be read.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Writes buffer data into a specified file.
+   * @param options Options.
+   */
+  static writeArrayBuffer(options: {
+    /**
+     * URI of a local file. If it does not exist, a file will be created.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Buffer from which the data is derived.
+     * @since 3
+     */
+    buffer: Uint8Array;
+
+    /**
+     * Offset to the position where the writing starts. The default value is 0.
+     * @since 3
+     */
+    position?: number;
+
+    /**
+     * Whether to enable the append mode. The default value is false. If the value is true, the position parameter will become invalid.
+     * @since 3
+     */
+    append?: boolean;
+
+    /**
+     * Called when data from a buffer is written into a file successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when data from a buffer fails to be written into a file.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Reads buffer data from a specified file.
+   * @param options Options.
+   */
+  static readArrayBuffer(options: {
+    /**
+     * URI of a local file.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Position where the reading starts.
+     * The default value is the start position of the file.
+     * @since 3
+     */
+    position?: number;
+
+    /**
+     * Length of the content to read.
+     * If this parameter is not set, the reading proceeds until the end of the file.
+     * @since 3
+     */
+    length?: number;
+
+    /**
+     * Called when the buffer data is read successfully.
+     * @since 3
+     */
+    success?: (data: { buffer: Uint8Array }) => void;
+
+    /**
+     * Called when the buffer data fails to be read.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Checks whether a specified file or directory exists.
+   * @param options Options.
+   */
+  static access(options: {
+    /**
+     * URI of the directory or file.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Called when the check result is obtained successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the check fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Create a specified directory.
+   * @param options
+   */
+  static mkdir(options: {
+    /**
+     * URI of the directory.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Whether to recursively create upper-level directories of the specified directory.
+     * The default value is false.
+     * @since 3
+     */
+    recursive?: boolean;
+
+    /**
+     * Called when the directory is created successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the creation fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Deletes a specified directory.
+   * @param options
+   */
+  static rmdir(options: {
+    /**
+     * URI of the directory.
+     * @since 3
+     */
+    uri: string;
+
+    /**
+     * Whether to recursively delete sub files and subdirectories of the specified directory.
+     * The default value is false.
+     * @since 3
+     */
+    recursive?: boolean;
+
+    /**
+     * Called when the directory is deleted successfully.
+     * @since 3
+     */
+    success?: () => void;
+
+    /**
+     * Called when the deletion fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/wearable/@system.geolocation.d.ts b/api/wearable/@system.geolocation.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..28bd231ad04dadcf6d6cad4747055864fbefaab5
--- /dev/null
+++ b/api/wearable/@system.geolocation.d.ts
@@ -0,0 +1,156 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface GeolocationResponse {
+  /**
+   * Longitude.
+   * @since 3
+   */
+  longitude: number;
+
+  /**
+   * Latitude.
+   * @since 3
+   */
+  latitude: number;
+
+  /**
+   * Altitude.
+   * @since 3
+   */
+  altitude: number;
+
+  /**
+   * Location accuracy.
+   * @since 3
+   */
+  accuracy: number;
+
+  /**
+   * Time when the location is obtained.
+   * @since 3
+   */
+  time: number;
+}
+
+export interface GetLocationTypeResponse {
+  /**
+   * Available location types, ['gps', 'network'].
+   * @since 3
+   */
+  types: Array<string>;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Geolocation {
+  /**
+   * Obtains the geographic location.
+   * @param options
+   */
+  static getLocation(options?: {
+    /**
+     * Timeout duration, in milliseconds. The default value is 30000.
+     * The timeout duration is necessary in case no result is returned if the request to obtain the geographic location is rejected for the lack of the required permission, weak positioning signal, or incorrect location settings. After the timeout duration expires, the fail function will be called.
+     * The value is a 32-digit positive integer. If the value set is less than or equal to 0, the default value will be used.
+     * @since 3
+     */
+    timeout?: number;
+
+    /**
+     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographic location is obtained.
+     * @since 3
+     */
+    success?: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Obtains the supported location types.
+   * @param options
+   */
+  static getLocationType(options?: {
+    /**
+     * Called when the location types are obtained.
+     * @since 3
+     */
+    success?: (data: GetLocationTypeResponse) => void;
+
+    /**
+     * Called when the location types fail to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to the geographical location. If this method is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribe(options: {
+    /**
+     * Coordinate system type. Available types can be obtained by getSupportedCoordTypes. The default type is wgs84.
+     * @since 3
+     */
+    coordType?: string;
+
+    /**
+     * Called when the geographical location changes.
+     * @since 3
+     */
+    success: (data: GeolocationResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to the geographical location.
+   */
+  static unsubscribe(): void;
+
+  /**
+   * Obtains coordinate system types supported by the device.
+   * @returns A string array of the supported coordinate system types. For details about the value, see coordType.
+   */
+  static getSupportedCoordTypes(): Array<string>;
+}
diff --git a/api/wearable/@system.mediaquery.d.ts b/api/wearable/@system.mediaquery.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8d8eb51a8e2b75a3234ad9ff95e1c949f715348d
--- /dev/null
+++ b/api/wearable/@system.mediaquery.d.ts
@@ -0,0 +1,66 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface MediaQueryEvent {
+  /**
+   * @since 3
+   */
+  matches: boolean;
+}
+
+export interface MediaQueryList {
+  /**
+  * Serialized media query condition.
+  * This parameter is read-only.
+  * @since 3
+  */
+  media?: string;
+
+  /**
+  * Whether the query is successful. True if the query condition is matched successfully, false otherwise.
+  * This parameter is read-only.
+  * @since 3
+  */
+  matches?: boolean;
+
+  /**
+  * Called when the matches value changes.
+  * @since 3
+  */
+  onchange?: (matches: boolean) => void;
+
+  /**
+   * Adds a listening function to MediaQueryList.
+   * The listening function must be added before onShow is called, that is, added to the onInit or onReady function.
+   * @since 3
+   */
+  addListener(callback: (event: MediaQueryEvent) => void): void;
+
+  /**
+   * Removes a listening function from MediaQueryList.
+   * @since 3
+   */
+  removeListener(callback: (event: MediaQueryEvent) => void): void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class MediaQuery {
+  /**
+   * Queries a media item and returns a MediaQueryList object.
+   */
+  static matchMedia(condition: string): MediaQueryList;
+}
diff --git a/api/wearable/@system.network.d.ts b/api/wearable/@system.network.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..76fe6f893fc75375187580da7727fbea621b71f6
--- /dev/null
+++ b/api/wearable/@system.network.d.ts
@@ -0,0 +1,81 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface NetworkResponse {
+  /**
+   * Network type. The value can be 2G, 3G, 4G, WiFi, or none.
+   * @since 3
+   */
+  type: string;
+
+  /**
+   * Whether the billing is based on the data volume.
+   * @since 3
+   */
+  metered: boolean;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Network {
+  /**
+   * Obtains the network type.
+   * @param options
+   */
+  static getType(options?: {
+    /**
+     * Called when the network type is obtained.
+     * @since 3
+     */
+    success?: (data: NetworkResponse) => void;
+
+    /**
+     * Called when the network type fails to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to the network connection state. If this method is called multiple times, the last call takes effect.
+   * @param options
+   */
+  static subscribe(options?: {
+    /**
+     * Called when the network connection state changes.
+     * @since 3
+     */
+    success?: (data: NetworkResponse) => void;
+
+    /**
+     * Called when the listening fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+  }): void;
+
+  /**
+   * Cancels listening to the network connection state.
+   * @param options
+   */
+  static unsubscribe(): void;
+}
diff --git a/api/wearable/@system.notification.d.ts b/api/wearable/@system.notification.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..795a88c5ed4ba37e640eccbada81e90b9c428a13
--- /dev/null
+++ b/api/wearable/@system.notification.d.ts
@@ -0,0 +1,69 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface ActionResult {
+  /**
+   * Bundle name of the application to be redirected to after the notification is clicked.
+   * @since 3
+   */
+  bundleName: string;
+
+  /**
+   * Ability name of the application to be redirected to after the notification is clicked.
+   * @since 3
+   */
+  abilityName: string;
+
+  /**
+   * URI of the page to be redirected to. The supported URI formats are as follows:
+   * 1. Absolute path of the page, which is provided by the pages list in the config.json file. Example:
+   * pages/index/index
+   * pages/detail/detail
+   * 2. Particular path. If the value is a slash (/), the home page is displayed.
+   * @since 3
+   */
+  uri: string;
+}
+
+export interface ShowNotificationOptions {
+  /**
+   * Notification title.
+   * @since 3
+   */
+  contentTitle?: string;
+
+  /**
+   * Notification content.
+   * @since 3
+   */
+  contentText?: string;
+
+  /**
+   * Action triggered after the notification is clicked.
+   * @since 3
+   */
+  clickAction?: ActionResult;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Notification {
+    /**
+     * Displays the notification.
+     * @param options
+     */
+    static show(options?: ShowNotificationOptions): void;
+}
\ No newline at end of file
diff --git a/api/wearable/@system.package.d.ts b/api/wearable/@system.package.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6dbaf27ac95325b7840ddeeb68cdc1c84ce2f651
--- /dev/null
+++ b/api/wearable/@system.package.d.ts
@@ -0,0 +1,57 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface CheckPackageHasInstalledResponse {
+  /**
+   * Whether the application exists, or whether the native application has been installed.
+   * @since 3
+   */
+  result: boolean;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Package {
+  /**
+   * Checks whether an application exists, or whether a native application has been installed.
+   * @param options
+   */
+  static hasInstalled(options: {
+    /**
+     * Application bundle name.
+     * @since 3
+     */
+    bundleName: string;
+
+    /**
+     * Called when native applications are installed.
+     * @since 3
+     */
+    success?: (data: CheckPackageHasInstalledResponse) => void;
+
+    /**
+     * Called when native applications fail to be installed.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/wearable/@system.prompt.d.ts b/api/wearable/@system.prompt.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5bcde677680a78f8d205ea9f595cac9950d234d4
--- /dev/null
+++ b/api/wearable/@system.prompt.d.ts
@@ -0,0 +1,98 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface ShowToastOptions {
+  /**
+   * Text to display.
+   * @since 3
+   */
+  message: string;
+
+  /**
+   * Duration of toast dialog box. The default value is 1500. The recommended value ranges from 1500 ms to 10000ms.
+   * NOTE:
+   * A value less than 1500 is automatically changed to 1500. The maximum value is 10000 ms.
+   * @since 3
+   */
+  duration?: number;
+
+  /**
+   * The distance between toast dialog box and the bottom of screen.
+   * @since 5
+   */
+  bottom?: string | number;
+}
+
+export interface Button {
+  text: string;
+  color: string;
+}
+
+export interface ShowDialogOptions {
+  /**
+   * Title of the text to display.
+   * @since 3
+   */
+  title?: string;
+
+  /**
+   * Text body.
+   * @since 3
+   */
+  message?: string;
+
+  /**
+   * Array of buttons in the dialog box.
+   * The array structure is {text:'button', color: '#666666'}.
+   * One to three buttons are supported. The first button is of the positiveButton type, the second is of the negativeButton type, and the third is of the neutralButton type.
+   * @since 3
+   */
+  buttons?: [Button, Button?, Button?];
+
+  /**
+   * Called when the dialog box is displayed.
+   * @since 3
+   */
+  success?: (data: { index: number }) => void;
+
+  /**
+   * Called when the operation is cancelled.
+   * @since 3
+   */
+  cancel?: (data: string, code: string) => void;
+
+  /**
+   * Called when the dialog box is closed.
+   * @since 3
+   */
+  complete?: (data: string) => void;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Prompt {
+  /**
+   * Displays the notification text.
+   * @param toast
+   */
+  static showToast(toast: ShowToastOptions): void;
+
+  /**
+   * Displays the dialog box.
+   * @param dialog
+   */
+  static showDialog(dialog: ShowDialogOptions): void;
+}
diff --git a/api/wearable/@system.request.d.ts b/api/wearable/@system.request.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9a8801397a7b45f2fb93e6d2f09baf20a5ed8f66
--- /dev/null
+++ b/api/wearable/@system.request.d.ts
@@ -0,0 +1,227 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface UploadResponse {
+  /**
+   * Status code returned by the server.
+   * @since 3
+   */
+  code: number;
+
+  /**
+   * Content returned by the server. The value type is determined by the returned content.
+   * @since 3
+   */
+  data: string;
+
+  /**
+   * Headers returned by the server.
+   * @since 3
+   */
+  headers: Object;
+}
+
+export interface DownloadResponse {
+  /**
+   * Download token, which is used to obtain the download status.
+   * @since 3
+   */
+  token: string;
+}
+
+export interface OnDownloadCompleteResponse {
+  /**
+   * URI of the download file.
+   * @since 3
+   */
+  uri: string;
+}
+
+export interface RequestFile {
+  /**
+   * File name in the header when multipart is used.
+   * @since 3
+   */
+  filename?: string;
+
+  /**
+   * Name of a form item when multipart is used. The default value is file.
+   * @since 3
+   */
+  name?: string;
+
+  /**
+   * Local storage directory of a file.
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Type of the file content. By default, the type is obtained based on the suffix of the file name or URI.
+   * @since 3
+   */
+  type?: string;
+}
+
+export interface RequestData {
+  /**
+   * Name of the form element.
+   * @since 3
+   */
+  name: string;
+
+  /**
+   * Value of the form element.
+   * @since 3
+   */
+  value: string;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Request {
+  /**
+   * Upload files.
+   * @param options
+   */
+  static upload(options: {
+    /**
+     * Resource URL.
+     * @since 3
+     */
+    url: string;
+
+    /**
+     * Form data in the request body.
+     * @since 3
+     */
+    data?: RequestData[];
+
+    /**
+     * List of files to upload, which is submitted through multipart/form-data.
+     * @since 3
+     */
+    files: RequestFile[];
+
+    /**
+     * Request header.
+     * @since 3
+     */
+    header?: Object;
+
+    /**
+     * Request methods available: POST and PUT. The default value is POST.
+     * @since 3
+     */
+    method?: string;
+
+    /**
+     * Called when the files are uploaded successfully.
+     * @since 3
+     */
+    success?: (data: UploadResponse) => void;
+
+    /**
+     * Called when uploading fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * This API is used to download files.
+   * @param options
+   */
+  static download(options: {
+    /**
+     * Resource URL.
+     * @since 3
+     */
+    url: string;
+
+    /**
+     * Name of the file to downloaded. The value is obtained from the current request or resource URL by default.
+     * @since 3
+     */
+    filename?: string;
+
+    /**
+     * Request header.
+     * @since 3
+     */
+    header?: string;
+
+    /**
+     * Download description. The default value is the file name.
+     * @since 3
+     */
+    description?: string;
+
+    /**
+     * Called when the files are successfully downloaded.
+     * @since 3
+     */
+    success?: (data: DownloadResponse) => void;
+
+    /**
+     * Called when downloading fails.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+
+  /**
+   * Listens to download task status.
+   * @param options
+   */
+  static onDownloadComplete(options: {
+    /**
+     * Token of the result returned by the download function.
+     * @since 3
+     */
+    token: string;
+
+    /**
+     * Called when the downloads are successfully obtained
+     * @since 3
+     */
+    success?: (data: OnDownloadCompleteResponse) => void;
+
+    /**
+     * Called when the downloads fail to be obtained.
+     * @since 3
+     */
+    fail?: (data: any, code: number) => void;
+
+    /**
+     * Called when the execution is completed.
+     * @since 3
+     */
+    complete?: () => void;
+  }): void;
+}
diff --git a/api/wearable/@system.router.d.ts b/api/wearable/@system.router.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3c990167a87439749f827dd0db3ebf3a594f0a5f
--- /dev/null
+++ b/api/wearable/@system.router.d.ts
@@ -0,0 +1,120 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export interface RouterOptions {
+  /**
+   * URI of the destination page, which supports the following formats:
+   * 1. Absolute path of the page, which is provided by the pages list in the config.json file.
+   * Example:
+   *   pages/index/index
+   *   pages/detail/detail
+   * 2. Particular path. If the URI is a slash (/), the home page is displayed.
+   * @since 3
+   */
+  uri: string;
+
+  /**
+   * Data that needs to be passed to the destination page during navigation.
+   * After the destination page is displayed, the parameter can be directly used for the page.
+   * For example, this.data1 (data1 is the key value of the params used for page navigation.)
+   * @since 3
+   */
+  params?: Object;
+}
+
+export interface BackRouterOptions {
+  /**
+   * Returns to the page of the specified path.
+   * If the page with the specified path does not exist in the page stack, router.back() is called by default.
+   * @devices tv, phone, tablet, wearable
+   * @since 7
+   */
+  uri?: string;
+
+  /**
+   * Data that needs to be passed to the destination page during navigation.
+   * @devices tv, phone, tablet, wearable, liteWearable, smartVision
+   * @since 7
+   */
+  params?: Object;
+}
+
+export interface RouterState {
+  /**
+   * Index of the current page in the stack.NOTE:The index starts from 1 from the bottom to the top of the stack.
+   * @since 3
+   */
+  index: number;
+
+  /**
+   * Name of the current page, that is, the file name.
+   * @since 3
+   */
+  name: string;
+
+  /**
+   * Path of the current page.
+   * @since 3
+   */
+  path: string;
+}
+
+/**
+ * @Syscap SysCap.ACE.UIEngine
+ */
+export default class Router {
+  /**
+   * Navigates to a specified page in the application based on the page URL and parameters.
+   * @param obj
+   */
+  static push(obj: RouterOptions): void;
+
+  /**
+   * Replaces the current page with another one in the application. The current page is destroyed after replacement.
+   * @param obj
+   */
+  static replace(obj: RouterOptions): void;
+
+  /**
+   * Returns to the previous page or a specified page.
+   * @param obj
+   * @since 7
+   */
+  static back(options?: BackRouterOptions): void;
+
+  /**
+   * Obtains information about the current page params.
+   * @returns Page params.
+   * @since 7
+   */
+  static getParams(): Object;
+
+  /**
+   * Clears all historical pages and retains only the current page at the top of the stack.
+   */
+  static clear(): void;
+
+  /**
+   * Obtains the number of pages in the current stack.
+   * @returns Number of pages in the stack. The maximum value is 32.
+   */
+  static getLength(): string;
+
+  /**
+   * Obtains information about the current page state.
+   * @returns Page state.
+   */
+  static getState(): RouterState;
+}
diff --git a/api/wearable/@system.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